Maison interface Web tutoriel HTML La fonction de l'instruction d'entrée

La fonction de l'instruction d'entrée

Jul 26, 2019 pm 05:09 PM
input

La fonction de l'instruction d'entrée

Tutoriel recommandé : Tutoriel HTML

HTML

Un formulaire HTML simple contenant deux zones de saisie de texte et un bouton d'envoi :

d85c9efc9bceb02a81cf8add26f62cd6

Définition et utilisation

La balise est utilisée pour collecter des informations sur l'utilisateur.

Selon les différentes valeurs d'attribut de type, les champs de saisie ont de nombreuses formes. Les champs de saisie peuvent être des champs de texte, des cases à cocher, des contrôles de texte masqué, des boutons radio, des boutons, etc.

Attributs

Attributs Valeur Description
accepter mime_type Spécifie le type de fichier soumis via le téléchargement de fichier.
aligner
  • gauche
  • droite
  • haut
  • milieu
  • bas
Obsolète. Spécifie l'alignement de l'entrée de l'image.
alt text Définissez le texte alternatif pour la saisie de l'image.
autocomplete
  • on
  • off
Spécifie s'il faut utiliser le fonction de saisie semi-automatique du champ de saisie.
autofocus autofocus

Spécifie si le champ de saisie obtient le focus lors du chargement de la page.

(ne s'applique pas à type="hidden")

checked checked Spécifie que cette entrée L'élément est la première fois. Doit être sélectionné lors du chargement.
disabled disabled Désactive cet élément lorsque l'élément d'entrée est chargé.
form formname Spécifie un ou plusieurs formulaires auxquels appartient le champ de saisie.
formaction URL

remplace l'attribut d'action du formulaire.

(pour type="submit" et type="image")

formenctype Voir note

Remplacez l'attribut enctype du formulaire.

(pour type="submit" et type="image")

formmethod
  • get
  • post

remplace l'attribut méthode du formulaire.

(pour type="submit" et type="image")

formnovalidate formnovalidate

Remplacez l'attribut novalidate du formulaire.

Si cet attribut est utilisé, aucune validation ne sera effectuée lors de la soumission du formulaire.

formtarget
  • _blank
  • _self
  • _parent
  • _top
  • framename

remplace l'attribut cible du formulaire.

(pour type="submit" et type="image")

hauteur
  • pixels
  • %
Définissez la hauteur du champ de saisie. (S'applique à type="image")
list datalist-id fait référence à un champ de saisie contenant prédéfini liste de données d'options.
max
  • numéro
  • date

Spécifie la valeur maximale du champ de saisie.

Veuillez l'utiliser avec l'attribut "min" pour créer une plage de valeurs légales.

maxlength number Spécifie la longueur maximale des caractères dans le champ de saisie.
min
  • numéro
  • date

Spécifie la valeur minimale du champ de saisie.

Veuillez l'utiliser avec l'attribut "max" pour créer une plage de valeurs légales.

multiple multiple Si cet attribut est utilisé, plusieurs valeurs sont autorisées.
name field_name Définissez le nom de l'élément d'entrée.
pattern regexp_pattern

Spécifie le modèle ou le format de la valeur du champ de saisie.

Par exemple, pattern="[0-9]" signifie que la valeur d'entrée doit être un nombre compris entre 0 et 9.

placeholder text Spécifie des astuces pour aider l'utilisateur à remplir le champ de saisie.
readonly readonly Spécifie que le champ de saisie est en lecture seule.
obligatoire obligatoire Indique que la valeur du champ de saisie est obligatoire.
size number_of_char définit la largeur du champ de saisie.
src URL Définit l'URL de l'image affichée sous forme de bouton de soumission.
étape numéro spécifie l'intervalle de nombres légaux pour les mots saisis.
type
  • bouton
  • case à cocher
  • fichier
  • caché
  • image
  • mot de passe
  • radio
  • réinitialiser
  • soumettre
  • texte
Spécifie le type d'élément d'entrée.
value value Spécifie la valeur de l'élément d'entrée.
largeur
  • pixels
  • %
Définissez la largeur du champ de saisie. (S'applique à type="image")

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 de ce site Web
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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment encapsuler les composants d'entrée et les données de formulaire unifié dans vue3 Comment encapsuler les composants d'entrée et les données de formulaire unifié dans vue3 May 12, 2023 pm 03:58 PM

Préparation Utilisez vuecreateexample pour créer un projet. Les paramètres sont à peu près les suivants : utiliser l'entrée native est principalement la valeur et le changement. Les données doivent être synchronisées lors du changement. App.tsx est le suivant : import{ref}from'vue';exportdefault{setup(){//username est la donnée constusername=ref('Zhang San');//Lorsque la zone de saisie change, synchronisez les données constonInput =;retour( )=>({

Comment implémenter le champ caché d'entrée Laravel Comment implémenter le champ caché d'entrée Laravel Dec 12, 2022 am 10:07 AM

Comment implémenter le champ caché d'entrée Laravel : 1. Recherchez et ouvrez le fichier de modèle Blade ; 2. Utilisez la méthode method_field dans le modèle Blade pour créer un champ masqué. La syntaxe de création est "{{ method_field('DELETE') }}. ".

Que faire s'il n'y a pas de curseur lorsque vous cliquez sur la zone de saisie Que faire s'il n'y a pas de curseur lorsque vous cliquez sur la zone de saisie Nov 24, 2023 am 09:44 AM

Solutions pour cliquer sur la zone de saisie sans curseur : 1. Confirmez le focus de la zone de saisie ; 2. Effacez le cache du navigateur 3. Mettez à jour le navigateur 4. Utilisez JavaScript 5. Vérifiez le périphérique matériel ; propriétés de la boîte ; 7. Débogage du code JavaScript ; 8. Vérifiez les autres éléments de la page ;

Explication détaillée des événements de liaison de zone de saisie dans les documents Vue Explication détaillée des événements de liaison de zone de saisie dans les documents Vue Jun 21, 2023 am 08:12 AM

Vue.js est un framework JavaScript léger, facile à utiliser, efficace et flexible. Il s'agit actuellement de l'un des frameworks front-end les plus populaires. Dans Vue.js, les événements de liaison de zone de saisie sont une exigence très courante. Cet article présentera en détail les événements de liaison de zone de saisie dans le document Vue. 1. Concepts de base Dans Vue.js, l'événement de liaison de la zone de saisie fait référence à la liaison de la valeur de la zone de saisie à l'objet de données de l'instance Vue, réalisant ainsi une liaison bidirectionnelle de l'entrée et de la réponse. Dans Vue.j

Comment utiliser l'événement de retour chariot de la zone de saisie et la fonction de vérification dans le document Vue Comment utiliser l'événement de retour chariot de la zone de saisie et la fonction de vérification dans le document Vue Jun 20, 2023 am 09:13 AM

Vue est un framework frontal JavaScript populaire avec en son cœur une liaison de données réactive et un système de composants. Dans les applications Vue, la zone de saisie est l'un des éléments d'interface utilisateur les plus couramment utilisés. Lorsque l'utilisateur saisit du texte, nous espérons écouter l'événement de retour chariot et valider la saisie avant de la soumettre. Cet article présentera l'utilisation de la fonction de saisie d'événement et de vérification dans la zone de saisie dans le document Vue. 1. L'événement de retour chariot de la zone de saisie dans Vue La surveillance de l'événement de retour chariot de la zone de saisie dans Vue est très simple.

Obtenez les commentaires de l'utilisateur à l'aide de la fonction input() de Python Obtenez les commentaires de l'utilisateur à l'aide de la fonction input() de Python Aug 22, 2023 am 11:21 AM

Titre : Utilisation de la fonction input() de Python pour obtenir les entrées de l'utilisateur Lors de l'écriture d'un programme, vous avez souvent besoin d'obtenir les entrées de l'utilisateur. Python fournit une fonction intégrée input() qui peut être utilisée pour obtenir et recevoir des entrées utilisateur. Cet article présentera comment utiliser la fonction input() et quelques scénarios d'application courants. La fonction input() est très simple à utiliser. Elle accepte un message d'invite facultatif comme paramètre et attend la saisie de l'utilisateur. Après les entrées de l'utilisateur, la fonction input() renverra un

Quelle est la méthode de saisie dans Laravel ? Quelle est la méthode de saisie dans Laravel ? Jul 11, 2023 am 09:43 AM

La méthode de saisie dans Laravel est un outil très pratique qui permet d'obtenir facilement les paramètres de la requête HTTP. Qu'il s'agisse de GET, POST ou d'autres méthodes de requête HTTP, elle peut être facilement traitée. Dans le développement de Laravel, la validation des entrées et le traitement des paramètres sont des tâches très courantes, et la méthode de saisie peut grandement simplifier ces processus et améliorer l'efficacité du développement.

Comment pouvons-nous ajouter un champ de saisie sur une seule ligne en HTML ? Comment pouvons-nous ajouter un champ de saisie sur une seule ligne en HTML ? Aug 20, 2023 pm 05:45 PM

Utilisez la balise <isindex> pour ajouter un champ de saisie sur une seule ligne. La balise HTML<isindex> est utilisée pour interroger des documents via des champs de texte. Cette balise peut être utilisée n’importe où, mais il est préférable de la placer dans la balise head. REMARQUE : Il s’agit d’une balise obsolète et ne doit pas être utilisée. Voici la liste des propriétés - Valeur de la propriété Description Chaîne d'invite Champ de texte Étiquette ActionURL Utilisez un exemple lorsque vous devez envoyer une requête à une URL différente Essayez le code suivant - <!Doctypehtml><html

See all articles