58

selectタグにタイトルを設定するにはどうすればよいですか? ここに私の選択ボックスがあります：

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

サイトにアクセスすると、デフォルトで「シドニー」と表示されます。しかし、「あなたの街の名前は何ですか?」などのタイトルを表示したいのです。

4

13 に答える 13

161 
<select>
    <option selected disabled>Choose one</option>
    <option value="sydney">Sydney</option>
    <option value="melbourne">Melbourne</option>
    <option value="cromwell">Cromwell</option>
    <option value="queenstown">Queenstown</option>
</select>

selectedandを使用するとdisabled、「Choose one」がデフォルトの選択値になりますが、次のように、ユーザーが実際にアイテムを選択することもできなくなります。

ドロップダウンメニュー

于 2013-08-12T05:25:09.867 に答える
25

選択済みおよび非表示と組み合わせることができます

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

ドロップダウン タイトルが選択され、ユーザーが選択することはできません。

于 2015-06-22T09:40:40.507 に答える
8

以下を使用できます

<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>
于 2013-08-12T05:24:26.047 に答える
2

option次のような値とプロンプトを使用して、他のタグの上にタグを追加できます。

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

または、「必要に応じて 1 つ選択してください」と言う代わりに空白のままにします。

于 2013-08-12T05:20:34.853 に答える
0

最初のオプションのテキストは、常にデフォルトのタイトルとして表示されます。

   <select>
        <option value ="">What is the name of your city?</option>
        <option value ="sydney">Sydney</option>
        <option value ="melbourne">Melbourne</option>
        <option value ="cromwell">Cromwell</option>
        <option value ="queenstown">Queenstown</option>
   </select>
于 2013-08-12T05:20:47.130 に答える
0

属性を選択したデフォルトのオプションを使用

<select>
        <option value="" selected>Choose your city</option>
        <option value ="sydney">Sydney</option>
        <option value ="melbourne">Melbourne</option>
        <option value ="cromwell">Cromwell</option>
        <option value ="queenstown">Queenstown</option>
</select>
于 2013-08-12T05:22:21.540 に答える
-2 
<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>

代わりに値に一意の ID を使用できます

于 2013-08-12T05:22:44.963 に答える