HTML attributs de type d'entrée
Exemples
formulaire HTML avec deux types d'entrée différents, le texte et le soumettre:
用户名: <input type="text" name="usrname"><br>
<input type="submit" value="提交">
Essayez »
(Voir en bas de cette page pour plus d'exemples)
support du navigateur
Tous les principaux navigateurs prennent en charge l'attribut type. Cependant, tous les principaux navigateurs prennent en charge tous les différents types d'entrée peuvent travailler dans tous les principaux navigateurs.
Voir ci-dessous pour chaque type de support du navigateur d'entrée.
Définition et utilisation
<Entrée> attribut type spécifie le type d'élément que vous souhaitez afficher.
Le type par défaut est: texte.
Note: Cet attribut est pas nécessaire, mais nous pensons que vous devriez toujours l' utiliser.
Différences entre HTML 4.01 et HTML5
Les types d'entrée suivants sont nouveaux dans le type HTML5: la couleur, la date, datetime, datetime-local, le mois, la semaine, le temps, email, numéro, plage, recherche, tel et url.
grammaire
Valeur de la propriété
值 | 描述 |
---|---|
button | 定义可点击的按钮(通常与 JavaScript 一起使用来启动脚本)。 |
checkbox | 定义复选框。 |
color New | 定义拾色器。 |
date New | 定义 date 控件(包括年、月、日,不包括时间)。 |
datetime New | 定义 date 和 time 控件(包括年、月、日、时、分、秒、几分之一秒,基于 UTC 时区)。 |
datetime-local New | 定义 date 和 time 控件(包括年、月、日、时、分、秒、几分之一秒,不带时区)。 |
email New | 定义用于 e-mail 地址的字段。 |
file | 定义文件选择字段和 "浏览..." 按钮,供文件上传。 |
hidden | 定义隐藏输入字段。 |
image | 定义图像作为提交按钮。 |
month New | 定义 month 和 year 控件(不带时区)。 |
number New | 定义用于输入数字的字段。 |
password | 定义密码字段(字段中的字符会被遮蔽)。 |
radio | 定义单选按钮。 |
range New | 定义用于精确值不重要的输入数字的控件(比如 slider 控件)。 |
reset | 定义重置按钮(重置所有的表单值为默认值)。 |
search New | 定义用于输入搜索字符串的文本字段。 |
submit | 定义提交按钮。 |
tel New | 定义用于输入电话号码的字段。 |
text | 默认。定义一个单行的文本字段(默认宽度为 20 个字符)。 |
time New | 定义用于输入时间的控件(不带时区)。 |
url New | 定义用于输入 URL 的字段。 |
week New | 定义 week 和 year 控件(不带时区)。 |
Exemples
Type d'entrée: Bouton
Exemples
Définition des boutons cliquables, lorsque l'utilisateur clique sur un bouton pour démarrer une période de JavaScript:
Essayez »
Type d'entrée: case
Exemples
Box permet à l'utilisateur de sélectionner une ou plusieurs options dans un certain nombre de choix:
<input type="checkbox" name="vehicle[]" value="Car"> 我有一辆小轿车<br>
<input type="checkbox" name="vehicle[]" value="Boat"> 我有一艘船<br>
Essayez »
Type d'entrée: Couleur
Exemples
Choisissez une couleur dans le sélecteur de couleur:
Essayez »
Type d'entrée: Date
Type d'entrée: datetime
Exemples
Définir la date et l'heure des contrôles (avec le fuseau horaire):
Essayez »
Type d'entrée: datetime local
Exemples
Définir la date et l'heure des contrôles (sans fuseau horaire):
Essayez »
Type d'entrée: email
Exemples
Définitions de champ pour l'adresse e-mail (lorsque le formulaire est transmis automatiquement à la valeur du champ de courriel pour vérifier):
Essayez »
Astuce: iPhone navigateur Safari reconnaîtra le type e - mail d'entrée, puis changer le clavier de l' écran tactile pour s'y adapter (ajouter @ et .com options).
Type d'entrée: fichier
Exemples
Pour définir le champ de sélection de fichier et un bouton "Parcourir ...", pour le téléchargement de fichiers:
Essayez »
Type d'entrée: caché
Exemples
Définition des champs cachés, champs cachés ne sont pas visibles à l'utilisateur. champs cachés stockent souvent une valeur par défaut, ou de modifier leurs valeurs par le JavaScript:
Essayez »
Type d'entrée: l'image
Exemples
image personnalisée que le bouton d'envoi:
Essayez »
Type d'entrée: mois
Exemples
Définir le mois et l'année de contrôle (sans fuseau horaire):
Essayez »
Type d'entrée: Numéro
Exemples
Entrez un numéro pour définir les champs pour (vous pouvez définir les numéros de limites acceptables):
Essayez »
S'il vous plaît utiliser les attributs suivants pour spécifier des restrictions:
- MAX - le maximum autorisé par la réglementation.
- min - le minimum autorisé par la réglementation.
- STEP - Exigences pour l' intervalle numérique juridique.
- La valeur - par défaut spécifiée.
Type d'entrée: mot de passe
Exemples
Définir les champs de mot de passe (champs de mot de passe sont personnages masqués):
Essayez »
Type d'entrée: la radio
Exemples
Il permet à l'utilisateur de sélectionner une option dans un certain nombre de choix:
<input type="radio" name="gender" value="女"> 女
Essayez »
Type d'entrée: gamme
Exemples
Il définit la valeur exacte est pas le contrôle numérique d'entrée importante (tels que les contrôles de curseur). Vous pouvez également définir des limites acceptables les numéros:
Essayez »
S'il vous plaît utiliser les attributs suivants pour spécifier des restrictions:
- MAX - le maximum autorisé par la réglementation.
- min - le minimum autorisé par la réglementation.
- STEP - Exigences pour l' intervalle numérique juridique.
- La valeur - par défaut spécifiée.
Type d'entrée: reset
Exemples
Définir le bouton de réinitialisation (reset toute la forme est la valeur par défaut):
Essayez »
Astuce: Soyez prudent en utilisant le bouton de remise à zéro!Pour les utilisateurs, accidentellement cliqué sur le bouton de réinitialisation est une chose très ennuyeux.
Type d'entrée: recherche
Exemples
champ de recherche défini (par exemple, la recherche de site ou de recherche Google, etc.):
Essayez »
Type d'entrée: soumettre
Type d'entrée: tel
Exemples
champs définis pour la saisie des numéros de téléphone:
Essayez »
Type d'entrée: Texte
Exemples
L'utilisateur peut définir deux pour entrer une seule ligne de texte dans un champ de texte:
Last name: <input type="text" name="lname"><br>
Essayez »
Type d'entrée: le temps
Exemples
Entrez le moment de la définition du contrôle est utilisé (sans fuseau horaire):
Essayez »
Type d'entrée: url
Exemples
Définit des champs de saisie de l'URL:
Essayez »
Astuce: iPhone navigateur Safari reconnaîtra le type d'entrée url, puis changer le clavier de l' écran tactile pour s'y adapter (ajouter l' option .com).
Type d'entrée: semaine
Exemples
Définition de la semaine et le contrôle de l'année (sans fuseau horaire):
Essayez »
HTML balise <input>