드롭 다운을 위해 문의 form7에 자리 표시자를 추가하는 방법은 무엇입니까?

Question

드롭 다운을 위해 문의 form7에 자리 표시자를 추가하는 방법은 무엇입니까?

- 18
- 112756 2016-01-06
드롭 다운 Outlet 에 대해 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?"을 추가하여 일반 드롭 다운 값으로 표시되도록했습니다.

나머지 모든 필드에 자리 표시자가 표시됩니다. 드롭 다운에 자리 표시자를 제공하는 다른 방법이 있습니까?
I tried adding placeholder similar to the given for ContactNumber for my drop down Outlet but it doesn't appear.

Code-

<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>

Tried adding first_as_label "Preferred outlet?" so this displays as ordinary drop down values.

Rest all of the fields do show the placeholder,any other way to give placeholder for drop down?
plugin-contact-form-7

- 텍스트,이메일,URL,전화,텍스트 영역,숫자,범위,날짜 및 captchar와 같은 유형의 양식 태그에서 자리 표시 자 옵션을 사용할 수 있습니다.[cf7 자리 표시 자] (http://contactform7.com/setting-placeholder-text/)
  
  You can use the placeholder option in the following types of form tags: text, email, url, tel, textarea, number, range, date, and captchar. [cf7 placeholder](http://contactform7.com/setting-placeholder-text/)
  - 1
  - 2016-01-06
  - Reigel
- 드롭 다운에 대해 다른 선택이 없나요?
  
  so for drop down we don't have any other choice?
  - 0
  - 2016-01-06
  - Sanjuktha sandesh

2 대답

투표

- 100
- 2016-01-06
수락 된 답변이 제안하는 것과 달리 실제로 가능하며 Contact Form 7에 내장되어 있습니다. 실제 옵션 목록 [select] 보류 .first_as_label을 사용하여 자리 표시자가 될 첫 번째 옵션을 정의 할 수 있습니다.

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

전통적으로 자리 표시 자처럼 보이지는 않지만 필요한 경우 사용자가 자리 표시자를 선택하고 양식을 보낼 수 없습니다. 이렇게하면 사용자가 다른 옵션을 선택해야합니다.
Contrary to what the accepted answer suggests, it actually is possible and built into Contact Form 7. Here's the actual list of options [select] holds. Pretty much you would define the first option to be the placeholder using first_as_label:

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

While it won't traditionally look like a placeholder, if it's required the user won't be able to select the placeholder and send the form - this forces the user to select any of the other options.
- 도움을 주셔서 감사합니다 .i는 이미`first_as_label`을 시도했지만 다른 자리 표시 자 값과 비슷해 보이지는 않았습니다.
  
  Thanks for the help.i already tried `first_as_label` but as you said it didn't look similar to other placeholder values.
  - 0
  - 2016-01-07
  - Sanjuktha sandesh
- 이것은 괜찮은 해결책입니다.그리고 제대로 작동합니다. 첫 번째 옵션을 사용하면 양식이 전송되지 않습니다.첫 번째 옵션의 형식을 지정하려면 선택 상자 (예 :`.wpcf7 select [name="menu-70"] {color : #aaa;}`)를 대상으로 지정합니다. 그런 다음 옵션을 대상으로 지정하여 옵션을 더 어둡게 만들 수 있습니다 (예 :`.wpcf7 select [name="menu-70"] option {color : # 333;}`. 첫 번째 옵션은 초점에 집중되어 있으므로이 부분을 변경하지 않는 한 솔루션이 훌륭하게 작동합니다.
  
  This is a decent solution. And it does work properly - the form doesn't send if you try using the first option. To format the first option, just target the select box (i.e. `.wpcf7 select[name="menu-70"] { color:#aaa; }`. Then you can make the options darker by targeting the options (i.e. `.wpcf7 select[name="menu-70"] option { color:#333; }`. The first option is highighted on focus, so unless you want to change this part, the solution works great.
  - 4
  - 2016-09-16
  - Rob Myrick
- 대부분의 사람들이보기를 기대하는 간단한 '옵션 선택'을 놓치지 않는 한 선택 옵션이 자리 표시 자처럼 보이기를 원하는 이유는 확실하지 않습니다.문서를 직접 살펴 보는 것으로부터 저를 구 해주셔서 대단히 감사합니다!
  
  I'm not entirely sure why anyone would want a select option to look like a placeholder unless I am missing something a simple --Select an option-- is what most people expect to see. Thank you very much for saving me from looking through the documentation myself!
  - 0
  - 2018-09-21
  - Rick Calder

Reigel · Accepted Answer · 2016-01-06

1

2016-01-06

질문에 답하기 : 불가능합니다.

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 작업을 제거하고 대신 자신의 작업을 추가하여 어려운 길을 갈 수 있습니다.

to answer the question: this is not possible.

AFAIK, (HTMLwise) there's no way to add a placeholder to select tags.

A lot of devs I know however tend to use disabled selected combination for the option...

<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>

demo

I have checked CF7's source code (version 4.3.1), and there's no easy way we can achieve this html format.

You can go the hard way by removing wpcf7_add_shortcode_select action on wpcf7_init and add yours instead.

이 답변은 정말로 삭제되거나,받아 들여 지거나,틀리지 않아야하며,아주 오래된 답변이 아닌 정확한 답변과 같은 날 제공되었습니다.

This answer really should be removed, accepted or not it's incorrect, and it isn't like it's a very old answer, it was supplied on the same day as the correct one was.
- 3
- 2018-09-21
- Rick Calder