Maison  >  Article  >  interface Web  >  Introduction détaillée à tous les types dans les formulaires HTML5

Introduction détaillée à tous les types dans les formulaires HTML5

黄舟
黄舟original
2017-05-21 14:57:452589parcourir

1.button : Définit un bouton cliquable (généralement utilisé avec JavaScript pour lancer un script). df250b2156c434f3390392d09b1c9563

<input id="" type="button" name="" value="按钮" /><br />
<br />

2. case à cocher : Définissez la case à cocher . df250b2156c434f3390392d09b1c9563

<input id="" type="checkbox" name="" />男<br />
<input id="" type="checkbox" name="" checked="checked" />女<br />
<br />

3.cancel : bouton Annuler, utilisé pour annuler la soumission. df250b2156c434f3390392d09b1c9563

<input id="" type="cancel" name="" /><br />
<br />

4.color : Définissez le sélecteur de couleurs. df250b2156c434f3390392d09b1c9563

<input id="" type="color" name="" /><br />
<br />


5.date : Définir la date contrôle (y compris l'année, le mois, le jour, hors heure ). df250b2156c434f3390392d09b1c9563

<input id="" type="date" name="" /><br />
<br />

6.dateheure : définir les contrôles de date et d'heure (y compris l'année, le mois, le jour, l'heure, la minute, la seconde et la manière dont plusieurs minutes une seconde, en fonction du fuseau horaire UTC). 94b3e26ee717c64999d7867364b1b4a3

<
for
m 
action
="">生日 (日期和时间):<input id="" type="datetime" name="" /> <input id="" type="submit" name="" value="提交" /></form>
<p><br />
<br />


7.datetime-local : définissez les contrôles de date et d'heure (y compris l'année, le mois, le jour, l'heure, la minute, la seconde, la fraction de seconde, sans fuseau horaire). df250b2156c434f3390392d09b1c9563

<input id="" type="datetime-local" name="" /><br />
<br />


8.month : Définir les contrôles du mois et de l'année (sans fuseau horaire). df250b2156c434f3390392d09b1c9563

<input id="" type="month" name="" /><br />
<br />


9.week : Définir les contrôles de la semaine et de l'année (sans fuseau horaire). df250b2156c434f3390392d09b1c9563

<input id="" type="week" name="" /><br />
<br />

10.time : Définit un contrôle de saisie de l'heure (sans fuseau horaire). df250b2156c434f3390392d09b1c9563

<input id="" type="time" name="" /><br />
<br />

11.email : Définit le champ utilisé pour l'adresse e-mail. 94b3e26ee717c64999d7867364b1b4a3

<form action=""></form>
<p>E-mail:<input id="" type="email" name="" /><br />
<br />


12.fichier : Définissez le champ de sélection de fichier et le bouton "Parcourir..." pour le téléchargement de fichier. df250b2156c434f3390392d09b1c9563

<input id="" type="file" name="" /><br />
<br />


13.hidden : Définir les champs de saisie masqués. df250b2156c434f3390392d09b1c9563

<input id="" type="hidden" name="" /><br />
<br />


14.image : Définissez l'image comme bouton de soumission. df250b2156c434f3390392d09b1c9563

<input id="" type="image" name="" /><br />
<br />


15.numéro : Définissez le champ de saisie des chiffres. df250b2156c434f3390392d09b1c9563

<input id="" type="number" name="" /><br />
<br />


16.password : Définissez le champ du mot de passe (les caractères du champ seront masqués). df250b2156c434f3390392d09b1c9563

<input id="" type="password" name="" /><br />
<br />

17.radio : Définir le bouton radio. df250b2156c434f3390392d09b1c9563

<input id="" type="radio" name="" />男<br />
<input id="" type="radio" name="" checked="checked" />女<br />
<br />


18.plage : définit un contrôle pour les nombres saisis où la valeur exacte n'est pas importante (comme un contrôle à curseur ). df250b2156c434f3390392d09b1c9563

<input id="" type="range" name="" /><br />
<br />


19.reset : Définissez le bouton de réinitialisation (réinitialisez toutes les valeurs du formulaire aux valeurs par défaut). df250b2156c434f3390392d09b1c9563

<input id="" type="reset" name="" /><br />
<br />


20.search : Définissez le champ de texte utilisé pour saisir la chaîne de recherche . df250b2156c434f3390392d09b1c9563

<input id="" type="search" name="" /><br />
<br />


21.submit : Définir le bouton de soumission. df250b2156c434f3390392d09b1c9563

<input id="" type="submit" name="" value="提交" /><br />
<br />

22.tel : Définit le champ de saisie d'un numéro de téléphone. df250b2156c434f3390392d09b1c9563
Entrez le numéro de téléphone :

<input id="" type="tel" name="" /><br />
<br />


23.text : Par défaut. Définit un champ de texte sur une seule ligne (la largeur par défaut est de 20 caractères). df250b2156c434f3390392d09b1c9563

<input id="" type="text" name="" /><br />
<br />


24.url : Définit le champ utilisé pour saisir l'URL. df250b2156c434f3390392d09b1c9563
Ajoutez l'URL de votre page d'accueil :

<input id="" type="url" name="" /></p>

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn