드롭 다운을 위해 contact form7에 대한 자리 표시자를 추가하는 방법은 무엇입니까? [닫은]


16

드롭 다운 아웃렛에 대해 ContactNumber 에 지정된 것과 유사한 자리 표시자를 추가하려고 시도했지만 표시 되지 않습니다.

암호-

<div class="form-group form-icon-group">
    <i class="fa fa-phone" > </i> [tel* ContactNumber /8 class:form-control placeholder "Contact Number *"]
</div>
<div class="form-group form-icon-group">
<i class="fa fa-food" > </i> [select Outlet id:outlet class:form-control "-- Select Outlet--" "Pasir Ris" "Thomson"]
</div>

추가를 시도하여 first_as_label "Preferred outlet?"일반 드롭 다운 값으로 표시합니다.

모든 필드가 자리 표시자를 보여줍니다. 자리 표시자를 드롭 다운 할 수있는 다른 방법이 있습니까?


1
자리 표시 자 옵션은 텍스트, 전자 메일, URL, 전화 번호, 텍스트 영역, 숫자, 범위, 날짜 및 보안 문자 유형의 양식 태그에서 사용할 수 있습니다. cf7 자리 표시 자
Reigel

드롭 다운에 다른 선택권이 없나요?
Sanjuktha sandesh

답변:


2

질문에 대답하기 위해 : 이것은 불가능합니다.

AFAIK, (HTMLwise) 자리 표시자를 추가하여 태그를 선택할 수있는 방법이 없습니다.

내가 아는 많은 개발자들은 disabled selected옵션에 조합 을 사용하는 경향이 있습니다 ...

<select>
    <option value="" disabled selected>Select your option</option>
    <option value="ydasdas">ydasdas</option>
    <option value="dasda">dasda</option>
    <option value="ydagfdsdas">ydagfdsdas</option>
    <option value="ewefsdf">ewefsdf</option>
</select>

데모

CF7의 소스 코드 (버전 4.3.1)를 확인했으며이 html 형식을 쉽게 얻을 수있는 방법이 없습니다.

wpcf7_add_shortcode_select조치를 제거 wpcf7_init하고 대신 조치를 추가 하여 어려운 길을 갈 수 있습니다 .


2
이 답변은 실제로 제거되거나 수락되거나 잘못되지 않아야하며 매우 오래된 답변과 같지 않으며 올바른 날과 동일한 날에 제공되었습니다.
Rick Calder

78

허용 대답이 시사하는 것과는 달리, 실제로는 여기에 실제의 수 및 문의 양식 7에 내장 된 옵션의 목록을 [select]보유하고있다 . 대부분의 경우 첫 번째 옵션을 다음을 사용하여 자리 표시 자로 정의합니다 first_as_label.

[select* Test first_as_label "Placeholder" "Option 1" "Option 2"]

일반적으로 자리 표시 자처럼 보이지는 않지만 필요한 경우 사용자가 자리 표시자를 선택하고 양식을 보낼 수 없습니다. 이렇게하면 사용자가 다른 옵션을 선택하게됩니다.


help.i에 감사드립니다. 이미 시도 first_as_label했지만 다른 자리 표시 자 값과 비슷하지는 않습니다.
Sanjuktha sandesh

4
이것은 괜찮은 해결책입니다. 그리고 제대로 작동합니다-첫 번째 옵션을 사용하려고하면 양식이 전송되지 않습니다. 첫 번째 옵션의 형식을 지정하려면 선택 상자를 대상으로 지정하십시오 (예 : .wpcf7 select[name="menu-70"] { color:#aaa; }옵션을 대상으로 지정하여 옵션을 더 어둡게 만들 수 있습니다 .wpcf7 select[name="menu-70"] option { color:#333; }.
Rob Myrick

간단한 옵션이없는 한 선택 옵션이 자리 표시 자처럼 보이도록 선택 옵션을 원하는 이유는 확실하지 않습니다. 문서를 직접 보지 않아도되는 것에 대해 대단히 감사합니다!
Rick Calder
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.