HTML balise <input>
Exemples
Un simple formulaire HTML qui contient deux zones de saisie de texte et un bouton de soumission:
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="submit" value="提交">
</form>
Essayez »
(En bas de page, vous pouvez voir plus d'exemples)
support du navigateur
La plupart des navigateurs prennent en charge balise <input>.
définitions de balises et les instructions
<Entrée> balise spécifie l'utilisateur peut entrer dans un domaine dans lequel les données d'entrée.
<Entrée> dans le <form> est utilisé pour déclarer permet aux utilisateurs d'entrer des commandes d'entrée de données.
Les champs d'entrée peuvent être modifiées de plusieurs manières, en fonction de l'attribut type.
Trucs et astuces
Remarque: élément <input>est vide, il ne contient que les attributs de balise.
Astuce: Vous pouvez utiliser le <label> pour définir l'étiquette élément <input> élément.
Différences entre HTML 4.01 et HTML5
Dans HTML 4.01, "aligner" les données ne sont plus utilisés. Cet attribut est pas pris en charge HTML5. Vous pouvez définir l'alignement des éléments <input> en utilisant le CSS.
En HTML5, <input> ajouter plusieurs propriétés, et ajoute la valeur correspondante.
Différences entre HTML et XHTML
En HTML, balise <input> n'a pas d'étiquette d'extrémité.
En XHTML, balise <input> doit être fermée correctement.
propriété
Nouveau: HTML5 nouvelles balises.
| propriété | valeur | description |
|---|---|---|
| accepter | audio / vidéo * / * image / * mime_type | Type spécifie par chargement de fichier à présenter des documents. (Uniquement pour type = "file") |
| aligner | haut en bas au milieu à droite à gauche | HTML5 obsolète, désapprouvée. l' alignement prédéterminé de l'image d'entrée. (Uniquement pour type = "image") |
| alt | texte | Définir l'autre entrée de texte d'image. (Uniquement pour type = "image") |
| AutoComplete Nouveau | on off | attribut autocomplete spécifie le champ d'entrée élément <input> si vous devez activer l'auto-complétion. |
| L'autofocus New | autofocus | Attribut spécifie quand la page se charge <input> élément doit obtenir automatiquement le focus. |
| à carreaux | à carreaux | Attribut spécifie vérifié lorsque la page se charge doivent être pré-sélectionnés <input> éléments. (Uniquement pour type = "checkbox" ou type = "radio") |
| handicapé | handicapé | dispositions de propriété handicapés doivent être désactivés <input> éléments. |
| former Nouveau | form_id | sous forme d'attribut spécifie <input> éléments sous la forme d'un ou plusieurs appartient. |
| Formaction Nouveau | URL | attribut URL spécifie le processus de contrôle d'entrée lorsque les soumissions de formulaire. (Uniquement pour le type = "submit" et type = "image") |
| formenctype Nouveau | application / x-www-form-urlencoded texte multipart / form-data / plain | Attribut spécifie lorsque le formulaire est transmis au serveur comment coder les données (uniquement pour le type = "submit" et type = "image"). |
| formmethod Nouveau | obtenir après | Définir Envoyer des données de formulaire à l'URL d'action de la méthode HTTP. (Uniquement pour le type = "submit" et type = "image") |
| formnovalidate Nouveau | formnovalidate | remplacements formnovalidate de propriété <form> attribut novalidate de l'élément. |
| formtarget Nouveau | _blank _self _parent _top frameName | Après avoir soumis le formulaire prescrit indiquant où affiche le nom de réponse reçu ou un mot clé. (Uniquement pour le type = "submit" et type = "image") |
| hauteur Nouveau | pixels | Dispositions <input> hauteur de l'élément. (Uniquement pour type = "image") |
| Liste Nouveau | datalist_id | Référence du bien <datalist> élément, qui contient des options prédéfinies <d'entrée> éléments. |
| MAX Nouveau | date de numéro | Attribut spécifie l'élément <input> maximale. |
| maxlength | nombre | Attribut spécifie la <input> éléments nombre maximum de caractères autorisés. |
| min Nouveau | date de numéro | Attribut spécifie l'élément <input> du minimum. |
| multiple New | multiple | Attribut précise permet aux utilisateurs de saisir plusieurs valeurs <input> éléments. |
| nom | texte | attribut name spécifie le <input> nom de l'élément. |
| motif Nouveau | regexp | attribut spécifie le modèle utilisé pour valider <input> élément de la valeur des expressions régulières. |
| espace réservé Nouveau | texte | L'attribut d'espace réservé fournit une brève description de l'entrée de message <input> est la valeur attendue. |
| readonly | readonly | attribut readonly spécifie le champ d'entrée est en lecture seule. |
| requis Nouveau | requis | Attribut spécifie les champs de saisie doivent être remplis avant de soumettre le formulaire. |
| taille | nombre | attribut de largeur Visible spécifie la taille en termes de nombre de caractères <input> éléments. |
| src | URL | attribut Src spécifie le bouton affiché comme une image de l'URL soumettre. (Uniquement pour type = "image") |
| STEP New | nombre | attribut étape spécifie la <input> intervalle numérique juridique élément. |
| type | bouton case à cocher couleur date datetime datetime local fichier caché image mois nombre mot de passe radio gamme remettre recherche soumettre tel texte temps url semaine | <Entrée> attribut type spécifie le type d'élément que vous souhaitez afficher. |
| valeur | texte | Indique le <input> valeur de l'élément de valeur. |
| largeur Nouveau | pixels | Attribut spécifie la largeur <input> largeur de l'élément. (Uniquement pour type = "image") |
global Properties
<Input> supporte les attributs globaux, voir remplir la feuille de propriétés Attributs HTML mondial .
Propriétés de l'événement
<Input> supporte tous les attributs d'événement HTML .