发表新帖
发表新帖

How to add a title to a html select tag

后端 未结
关注
12 2070
长发绾君心
长发绾君心 2020-12-04 19:23

How would I go about setting a title in select tag? Here is my select box:
提交评论
  •  加载中...
  • 太阳男子
    2020-12-04 19:52 
    <select name="city">
   <option value ="0">What is your city</option>
   <option value ="1">Sydney</option>
   <option value ="2">Melbourne</option>
   <option value ="3">Cromwell</option>
   <option value ="4">Queenstown</option>
</select>

    You can use the unique id for the value instead

    0 讨论(0)
  • 情歌与酒
    2020-12-04 19:56

    You can add an option tag on top of the others with no value and a prompt like this:

    <select>
        <option value="">Choose One</option>
        <option value ="sydney">Sydney</option>
        <option value ="melbourne">Melbourne</option>
        <option value ="cromwell">Cromwell</option>
        <option value ="queenstown">Queenstown</option>
</select>

    Or leave it blank instead of saying Choose one if you want.

    0 讨论(0)
  • 挽巷
    2020-12-04 19:57

    You can use the following 

    <select data-hai="whatup">
      <option label="Select your city">Select your city</option>
      <option value="sydney">Sydney</option>
      <option value="melbourne">Melbourne</option>
      <option value="cromwell">Cromwell</option>
      <option value="queenstown">Queenstown</option>
</select>
    0 讨论(0)
  • 轮回少年
    2020-12-04 19:59 
    <select>
    <optgroup label = "Choose One">
    <option value ="sydney">Sydney</option>
    <option value ="melbourne">Melbourne</option>
    <option value ="cromwell">Cromwell</option>
    <option value ="queenstown">Queenstown</option>
    </optgroup>
</select>
    0 讨论(0)
  • 时光取名叫无心
    2020-12-04 19:59

    You can combine it with selected and hidden

    <select class="dropdown" style="width: 150px; height: 26px">
        <option selected hidden>What is your name?</option>
        <option value="michel">Michel</option>
        <option value="thiago">Thiago</option>
        <option value="Jonson">Jonson</option>
</select>

    Your dropdown title will be selected and cannot chose by the user.

    0 讨论(0)
    • 上一页 1 2
     看不清?
    提交回复
    热议问题