Detaillierte Erläuterung des Grafikcodes für die Dropdown-Listenauswahl in HTML

Dropdown-Liste in HTML:

HTML-Code

<select>  
  <option value ="1">Volvo</option>  
  <option value ="2">Saab</option>  
  <option value="3">Opel</option>  
  <option value="4">Audi</option>  
</select>

Unter Bei ihnen bedeutet „Auswählen“ die Anzeige einer Dropdown-Liste (Dropdown-Liste), „Option“ ist das Element in der Dropdown-Liste und der Textinhalt der Option ist der auf der Seite im Dropdown-Listenelement angezeigte Wert Der Wert ist der tatsächlich benötigte Wert, der an den Server übermittelt wird.
Der Anzeigeeffekt ist wie folgt:


Komplexere Dropdown-Liste:

Html-Code

<select>  
  <optgroup label="Swedish Cars">  
    <option value="1">Volvo</option>  
    <option value="2">Saab</option>  
  </optgroup>  
  <optgroup label="German Cars">  
    <option value="3">Mercedes</option>  
    <option value="4">Audi</option>  
  </optgroup>  
</select>

Diese Dropdown-Liste enthält eine „Artikelgruppe“, diese Gruppe ist Wenn Sie keine Auswahl haben, verwenden Sie das Label-Tag, um den wörtlichen Inhalt zu markieren. Was wirklich funktioniert, ist das Wertattribut.
Sehen Sie sich diese Dropdown-Liste mit „Projektgruppe“ an


Parameter in Option: ausgewählt ="ausgewählt"
Wenn Sie die Seite öffnen müssen, wird standardmäßig eine Option ausgewählt. Sie müssen den ausgewählten Parameter verwenden:

Html-Code

<select>  
  <option value="1">Volvo</option>  
  <option value="2">Saab</option>  
  <option value="3" selected="selected">Mercedes</option>  
  <option value="4">Audi</option>  
</select>

Parameter in Option: deaktiviert="disabled"
Wenn Sie ein Element deaktivieren müssen, es aber nicht ausblenden möchten, können Sie es verwenden das deaktivierte Attribut

Html-Code

<select>  
  <option value="1">Volvo</option>  
  <option value="2">Saab</option>  
  <option value="3" disabled="disabled">Mercedes</option>  
  <option value="4">Audi</option>  
</select>

Parameter in Option: Titel
Wenn Sie die Maus platzieren müssen, wenn Sie zu einem bestimmten Projekt gehen, können Sie das Titelattribut

Html-Code

<select>  
  <option value="1">Volvo</option>  
  <option value="2">Saab</option>  
  <option value="3">Mercedes</option>  
  <option value="4" title="Audi, your best choice!">Audi</option>  
</select>

Tatsächlich kann der Titel auch in vielen anderen HTML-Tags verwendet werden!

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung des Grafikcodes für die Dropdown-Listenauswahl in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!