Explication détaillée du code graphique pour la sélection par liste déroulante en HTML

Liste déroulante en HTML :

Code HTML

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

Parmi eux, select consiste à afficher une liste déroulante (liste déroulante), option est l'élément dans la liste déroulante, et le contenu textuel de l'option est la valeur affichée sur la page dans l'élément de la liste déroulante, et la valeur est le besoin réel. La valeur soumise au serveur.
L'effet d'affichage est le suivant :


Liste déroulante plus complexe :

Code HTML

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

Cette liste déroulante contient un "groupe d'éléments", ce groupe est Si vous ne pouvez pas choisir, utilisez la balise label pour marquer le contenu littéral. Ce qui fonctionne vraiment, c'est l'attribut value.
Regardez cette liste déroulante contenant "Groupe de projet"


Paramètres en option : sélectionné ="selected"
Si vous devez ouvrir la page, une option sera sélectionnée par défaut Vous devez utiliser le paramètre sélectionné :

Code HTML

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

Paramètres en option : désactivé="disabled"
Si vous devez désactiver un élément mais que vous ne souhaitez pas le masquer, vous pouvez utiliser l'attribut désactivé

Code HTML

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

Paramètres en option : titre
Si vous devez placer la souris Lorsque vous accédez à un certain projet, vous pouvez utiliser l'attribut titre

Code HTML

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

En fait, le titre peut également être utilisé dans de nombreuses autres balises HTML !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!