Exemple
Un formulaire HTML avec trois champs de saisie; touche deux champs de texte et un soumettre:
<form
action="demo_form.asp">
First name: <input type="text" name="fname"><br>
Last name:
<input type="text" name="lname"><br>
<input type="submit" value="Submit">
</form>
Essayez - le vous - même » Définition et utilisation
Le <input> balise spécifie un champ de saisie où l'utilisateur peut entrer des données.
<input> éléments sont utilisés dans un <form> élément pour déclarer les contrôles d'entrée qui permettent aux utilisateurs d'entrer des données.
Un champ d'entrée peut varier de nombreuses manières, selon le type de l' attribut.
support du navigateur
| Élément | |||||
|---|---|---|---|---|---|
| <input> | Oui | Oui | Oui | Oui | Oui |
Trucs et astuces
Remarque: Le <input> élément est vide, il contient des attributs seulement.
Astuce: Utilisez le <label> élément pour définir des étiquettes pour <input> éléments.
Différences entre HTML 4.01 et HTML5
Le "align" attribut est pas pris en charge HTML5.
En HTML5, la <input> tag a plusieurs nouveaux attributs et le type de l' attribut a plusieurs nouvelles valeurs.
Différences entre HTML et XHTML
En HTML, la <input> tag n'a pas d' étiquette d'extrémité.
En XHTML, la <input> balise doit être bien fermé, comme celui - ci <input /> .
Les attributs
= Nouveau en HTML5.
| Attribut | Valeur | La description |
|---|---|---|
| accept | file_extension audio/* video/* image/* media_type | Indique les types de fichiers que le serveur accepte (uniquement pour type="file" ) |
| align | left right top middle bottom | Non pris en charge en HTML5. Indique l'alignement d'une entrée d'image (uniquement pour type="image" ) |
| alt | text | Indique un texte alternatif pour les images (uniquement pour type="image" ) |
| autocomplete | on off | Indique si un <input> élément aurait dû autocomplete permis |
| autofocus | autofocus | Indique qu'un <input> élément doit automatiquement se concentrer chargement de la page |
| checked | checked | Indique qu'une <input> élément doit être pré-sélectionné lorsque la page se charge (pour type="checkbox" ou type="radio" ) |
| dirname | inputname.dir | Indique que la direction de texte sera soumis |
| disabled | disabled | Indique qu'un <input> élément doit être désactivé |
| form | form_id | Indique une ou plusieurs formes du <input> élément appartient à |
| formaction | URL | Indique l'URL du fichier qui va traiter le contrôle d'entrée lorsque le formulaire est soumis (par type="submit" et type="image" ) |
| formenctype | application/x-www-form-urlencoded multipart/form-data text/plain | Indique comment les form-data doivent être encodés lors de la présentation sur le serveur (pour type="submit" et type="image" ) |
| formmethod | get post | Définit la méthode HTTP pour envoyer des données à l'action URL (pour type="submit" et type="image" ) |
| formnovalidate | formnovalidate | Définit que les éléments de formulaire ne doivent pas être validés lorsqu'ils sont soumis |
| formtarget | _blank _self _parent _top framename | Indique où afficher la réponse reçue après la soumission du formulaire (pour type="submit" et type="image" ) |
| height | pixels | Indique la hauteur d'un <input> élément (uniquement pour type="image" ) |
| list | datalist_id | Fait référence à un <datalist> élément qui contient des options prédéfinies pour un <input> élément |
| max | number date | Indique la valeur maximale pour un <input> élément |
| maxlength | number | Indique le nombre maximal de caractères autorisés dans un <input> élément |
| min | number date | Indique une valeur minimale pour un <input> élément |
| multiple | multiple | Indique qu'un utilisateur peut saisir plus d'une valeur dans un <input> élément |
| name | text | Indique le nom d'un <input> élément |
| pattern | regexp | Indique une expression régulière d' un <input> la valeur de l' élément est vérifié par rapport |
| placeholder | text | Indique une courte pointe qui décrit la valeur attendue d'un <input> élément |
| readonly | readonly | Indique qu'un champ de saisie est en lecture seule |
| required | required | Indique qu'un champ de saisie doit être rempli avant de soumettre le formulaire |
| size | number | Indique la largeur, en caractères, d'un <input> élément |
| src | URL | Indique l'URL de l'image à utiliser comme un bouton de soumission (uniquement pour type="image" ) |
| step | number | Indique les intervalles de numéros juridiques pour un champ de saisie |
| type | button checkbox color date datetime datetime-local file hidden image month number password radio range reset search submit tel text time url week | Indique le type <input> élément pour afficher |
| value | text | Indique la valeur d'un <input> élément |
| width | pixels | Indique la largeur d'un <input> élément (uniquement pour type="image" ) |
Attributs globaux
Le <input> tag soutient également le attributs globaux en HTML .
Attributs de l'événement
Le <input> tag soutient également l' événement Attributs en HTML .
Pages associées
HTML tutoriel: formulaires HTML
référence HTML DOM:
- Bouton Entrée objet
- Entrée Checkbox Object
- Couleur de l' objet d'entrée
- Entrée objet Date
- Entrée Datetime Object
- Entrée objet DatetimeLocal
- Entrée Email Object
- Entrée FileUpload Object
- Entrée d' objets cachés
- Entrée objet image
- Mois d' entrée objet
- Nombre d' entrée objet
- Entrée Mot de passe Objet
- Plage de saisie des objets
- Objet Radio d'entrée
- Entrée Réinitialiser objet
- Recherche d' entrée Object
- Entrée Soumettre Object
- Entrée objet texte
- Temps de saisie des objets
- Entrée URL Objet
- Entrée Semaine Object
Paramètres par défaut de CSS
Aucun.