드롭 다운을 위해 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.