Wie füge ich einen Titel zu einem html select Tag hinzu?

Wie würde ich einen Titel in select tag setzen? Hier ist meine Auswahlbox:Wie füge ich einen Titel zu einem html select Tag hinzu?

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

Wenn ich die Website besuchen, wird standardmäßig es zeigt „Sydney“. Aber ich möchte einen Titel anzeigen, z. B. "Wie heißt deine Stadt?"

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

Oder es leer lassen, anstatt ein, wenn Sie möchten, wählen zu sagen:

Quelle

2013-08-12 Alamin

Ich habe Verwirrung. Sie möchten Ihre Stadt automatisch auswählen lassen? – Prasannjit

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

verwenden verwenden ausgewählt haben

selected und disabled verwenden wird „Wählen Sie eine“ ist der Standards ausgewählten Wert, sondern auch unmöglich es für den Benutzer tatsächlich wählen Sie das Element, wie so machen machen: Sie können

Dropdown menu

Quelle

2013-08-12 05:25:09 kba

Es ist nie unmöglich, Benutzereingaben zu senden (oder ein clientseitiges Feld zu ändern). – BLaZuRE

+25

Ja, natürlich können die Benutzer tun, was sie wollen, und völlig unabhängige Werte einreichen, aber lasst uns das nicht in eine Debatte über Datensanierung verwandeln. Ich sage nur, dass der Benutzer nicht "Wählen Sie einen" auswählen kann.Dies ist eine Usability-Funktion, keine Sicherheitsfunktion. – kba

Sie können ein option Tag oben auf den anderen ohne Wert und eine Aufforderung wie folgt hinzufügen.

Quelle

2013-08-12 05:20:34 MitulP91

Ich dachte, deine Antwort sei korrekt * ohne * das Attribut 'value'. Warum fügen Sie es hinzu? – BLaZuRE

@BLAZuRE Ich hatte den Eindruck, dass die Options-Tags ein Wert-Tag erforderten. Ich hatte vergessen, es zuerst zu tun. Kannst du es auslassen? – MitulP91

Wenn der Wert nicht angegeben wird, verwenden einige Browser (die vielleicht nicht den Namen "Browser" verdienen, aber es ist eine andere Debatte;)) den Titel ("Wählen Sie einen") als Wert. Fügen Sie also explizit einen Wert = "" hinzu. –

Der Text der ersten Option wird immer als Standardtitel angezeigt.

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

Quelle

2013-08-12 05:20:47 speeday125

Soweit ich mich erinnern kann ist das nicht wahr. Firefox "erinnert" sich an die zuletzt gewählte Position in einem Dropdown-Menü, also sollten Sie sich nicht darauf verlassen, dass die erste Option standardmäßig ausgewählt ist. –

Mit einer Standardoption Attribut

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

Quelle

2013-08-12 05:22:21

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

Sie können die eindeutige ID für den Wert kann stattdessen

Quelle

2013-08-12 05:22:44

Sie die folgende

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

Quelle

2013-08-12 05:24:26

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

Quelle

2014-02-01 03:37:28 b3tac0d3

Sie können sich nicht darauf verlassen, dass ein Browser die optgroup-Bezeichnung zunächst in der Auswahlbox anzeigt, was das OP wünscht. – osullic

Kombinieren Sie es mit ausgewählten und versteckten

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

Ihr Dropdown-Titel wird ausgewählt und kann nicht vom Benutzer gewählt werden.

Quelle

2015-06-22 09:40:40 user5035605

denke ich, dass dies helfen würde:

<select name="select_1"> 
    <optgroup label="First optgroup category"> 
     <option selected="selected" value="0">Select element</option> 
     <option value="2">Option 1</option> 
     <option value="3">Option 2</option> 
     <option value="4">Option 3</option> 
    </optgroup> 
    <optgroup label="Second optgroup category"> 
     <option value="5">Option 4</option> 
     <option value="6">Option 5</option> 
     <option value="7">Option 6</option> 
    </optgroup> 
</select>

Quelle

2017-05-29 08:43:36

<option value="" selected style="display:none">Please select one item</option>

Mit selected und mit display: none; für verstecktes Element in der Liste.

Quelle

2017-10-17 15:10:49

Wie füge ich einen Titel zu einem html select Tag hinzu?

Antwort

Verwandte Themen