Tutoriel d'instance HTML5: propriétés des balises de formulaire de formulaire Web

Introduction de l'article de wulin.com (www.vevb.com): Dans HTML5, la norme Web Forms 2.0 est absorbée et les fonctions pour les éléments de forme sont considérablement renforcées, ce qui rend le développement de formes plus rapide et plus pratique.

Dans HTML5, la norme Web Forms 2.0 est absorbée et les fonctions pour les éléments de forme sont considérablement renforcées, ce qui rend le développement de formes plus rapidement et plus pratique.

1. Formaire attribut

Dans HTML5, vous pouvez écrire l'élément d'esclave de formulaire n'importe où sur la page, puis spécifier un attribut de formulaire à l'élément, et la valeur d'attribut est l'ID du formulaire, afin que l'élément puisse être déclaré appartenir au formulaire spécifié.

<form id = test> <entrée type = text> </ form> <textarea form = test> </ textarea> 2. propriété de formaction

Dans HTML5, vous pouvez ajouter différents attributs de formatage à tous les boutons de soumission, cliquez sur différents boutons et soumettre différents formulaires à différentes pages.

<Type d'entrée = soumettre Format = A.Php> <Type d'entrée = Soumettre Format = B.Php> 3.FomeThod Attribut

Dans HTML5, vous pouvez utiliser l'attribut de formation pour spécifier une page de soumission différente pour chaque élément de formulaire, et vous pouvez également utiliser l'attribut FormShod pour spécifier une méthode de soumission différente pour chaque élément de formulaire.

<Type d'entrée = soumettre format = a.php FormMethod = Post> <Type d'entrée = Soumettre Format = A.PHP FormMethod = Get> 4. Attribut

L'ensemble d'espace réservé se réfère à la réduction de l'opacité du message texte lorsque la zone de texte est dans un état non à palier et que la mise au point du curseur n'est pas obtenue. Par exemple, l'effet de la zone de recherche de base de base de ce site Web est.

<entrée Type = Text Planholder = Cliquez ici pour rechercher> 5. Autofocus Attribut

Gagnez automatiquement la mise au point du curseur pour la zone de texte, la zone de sélection ou le contrôle des bouton.

<entrée type = Text Autofocus> 6.List attribut

Dans HTML5, ajoutez un attribut de liste à une zone de texte à ligne unique, et la valeur de l'attribut est l'ID d'un élément de données. L'élément de données est similaire à une boîte de sélection. L'élément lui-même ne s'affiche pas, mais s'affiche dans une entrée invite lorsque la zone de texte est mise au point.

<input type = Text List = webJXCom> <Datalist id = webJXCom Style = Affichage: Aucun;> <Option> Html </opoption> <opopoption> CSS </ Option> <Option> JavaScript </ Option> </ Datalist>

Pour éviter de s'afficher incorrectement dans les navigateurs qui ne prennent pas en charge cet élément, définissez-le sur ne pas s'afficher avec CSS, etc.

7.AuotComplete Attribut

La fonction d'achèvement automatique utilisée pour l'entrée auxiliaire permet de gagner du temps d'entrée et est également une fonction très pratique. Pour l'attribut AuotComplete, vous pouvez spécifier trois valeurs: ON, OFF et (pas spécifier).

<input type = text seh-ashplelet = on list = webjxcom>