Options de HTML pour Select Tag

March 22

Options de HTML pour Select Tag


Le code HTML balise <select> est utilisé pour créer une liste déroulante dans le cadre d'un formulaire. Chaque élément est défini à l'aide <option> balises imbriquées dans l'ouverture <select> et de fermeture </ select> balises pour créer la liste. La liste de sélection est habituellement incorporé dans un formulaire HTML dans le cadre de la collecte de l'entrée utilisateur. La sélection a des attributs facultatifs qui peuvent être définies pour changer l'apparence et le comportement de cet élément.

L'option "Taille" Attribut

Y compris la "taille" attribut dans le <select> signifie le nombre de <option> éléments que l'utilisateur voit dans la zone de défilement. Sans l'attribut de taille, le <select> apparence et se comporte comme une liste déroulante, mais une fois que l'attribut de taille est inclus, il devient une zone de liste déroulante.

L'attribut size est ajouté à la <select> comme dans le code suivant:

<Select size = 4>

<Option> Article One </ option>

<Option> Point Deux </ option>

<Option> Point Trois </ option>

<Option> Point Four </ option>

</ Select>

L'option Attribut "Multiple"

L'attribut "multiple" de <select> permet à un utilisateur de sélectionner plus d'un élément dans la liste. Pour sélectionner plus d'un élément de la liste, le bouton "CTRL" de commande doit être enfoncée simultanément avec la souris. Si l'attribut multiple ne sont pas inclus, un seul élément peut être sélectionné dans la liste.

L'attribut multiple est ajouté à la <select> comme dans le code suivant:

<Select multiple>

<Option> Article One </ option>

<Option> Point Deux </ option>

<Option> Point Trois </ option>

<Option> Point Four </ option>

</ Select>

Ajout de l'attribut multiple change l'apparence de la <select> Liste à partir d'une liste déroulante à une boîte de défilement.

L'option "Désactivé" Attribut

Ajout de l'attribut "disabled" à <select> rend la liste visible pour l'utilisateur mais indisponible pour une utilisation. L'attribut désactivé pour <select> suit convention W3C pour les contrôles handicapés et ne passera pas la valeur de l'élément sur le serveur pour le traitement lors de la soumission du formulaire.

L'attribut disabled est ajouté à la <select> comme dans le code suivant:

<Select désactivé>

<Option> Article One </ option>

<Option> Point Deux </ option>

<Option> Point Trois </ option>

<Option> Point Four </ option>

</ Select>

L'option "Tabidex" Attribut

Ajout de l'option "tabindex" attribut à la <select> dicte l'ordre de tabulation de l'élément <select> que les onglets de l'utilisateur par le biais du document avec la touche "tab".

L'attribut tabindex est ajouté à la <select> comme dans le code suivant:

<Select tabindex = 2>

<Option> Article One </ option>

<Option> Point Deux </ option>

<Option> Point Trois </ option>

<Option> Point Four </ option>

</ Select>


          

Post a comment: