Maison >développement back-end >tutoriel php >Introduction aux éléments de formulaire PHP : balise de champ de saisie
Le formulaire
Dans ce chapitre, nous nous concentrons sur l'introduction de la balise de champ de saisie .
Balise de champ de saisie
La balise de champ de saisie est l'une des balises les plus couramment utilisées dans les formulaires. Les balises de champ de saisie couramment utilisées incluent des zones de texte, des boutons, des boutons radio, des cases à cocher, etc.
Le format de syntaxe est le suivant :
<form> <input name="file_name" type="type_name"> </form>
Le nom du paramètre fait référence au nom du domaine d'entrée ; le type de paramètre fait référence au type du domaine d'entrée. Les types de champs de saisie suivants sont fournis dans la balise
valeur de l'attribut de type, exemples et explications :
1.
Exemple :<input name="user" type="text" value="饮料" size="12" maxlength="1000" >Explication : name est le nom de la zone de texte, value est la valeur par défaut de la zone de texte, la taille fait référence à la largeur de la zone de texte (en caractères ), maxlength fait référence au nombre maximum de caractères saisis dans la zone de texte.
2. mot de passe
Exemple :<input name="pwd" type="password" value="123456" size="8" maxlength="16" >Description : champ mot de passe, utilisateur dans ce texte Les caractères saisis dans la case seront remplacés et affichés par « * » pour préserver la confidentialité.
3. fichier
Exemple :<input name="file" type="file" enctype="multipart/form-date" size="12" maxlength="200" >Description : Domaine de fichier, lorsque
Lorsqu'un fichier est téléchargé , il peut être utilisé pour ouvrir une fenêtre modale pour la sélection de fichiers. Téléchargez ensuite le fichier sur le serveur via le formulaire, par exemple en téléchargeant un fichier Word, etc. Il est à noter que lors du téléchargement de fichiers, vous devez spécifier les attributs du formulaire enctype="multipart/form-date" pour réaliser la fonction de téléchargement.
4. radio
Instance :<input name="sex" type="radio" value="男" checked>男 <input name="sex" type="radio" value="女" >女Description : Bouton radio, utilisé pour le réglage A. ensemble d’options, l’utilisateur ne peut en sélectionner qu’une. L’attribut coché est utilisé pour définir le bouton radio à sélectionner par défaut.
5. case à cocher
Exemple :<input name="goods" type="checkbox" value="book" checked="checked" >图书 <input name="goods" type="checkbox" value="fruits" >水果 <input name="goods" type="checkbox" value="food" >食品Description : Case à cocher, permettant à l'utilisateur de sélectionner Plusieurs choix. L'attribut coché est utilisé pour définir la case à cocher unique à sélectionner par défaut. Par exemple, lors de la collecte d'informations personnelles, vous êtes amené à faire des
choix multiples dans les options de préférences personnelles, etc.
6. soumettre
Exemple :<input name="submit" type="submit" value="提交" >Instructions : Envoyez le contenu dans le formulaire à serveur.
7. réinitialiser
Exemple :<input name="reset" type="reset" value="重置">Description : Effacer et réinitialiser le contenu du formulaire, Utilisé pour effacer le contenu de toutes les zones de texte du formulaire et restaurer les éléments du menu de sélection à leurs valeurs initiales.
8. Bouton
Exemple :<input type="button" value="Hello world!">Description : Le bouton peut déclencher l'action de soumettre le formulaire. Lorsque l'utilisateur a besoin de modifier le formulaire, le formulaire peut être restauré à son état d'origine et il peut également jouer d'autres rôles selon les besoins du programme. Les boutons ordinaires sont généralement utilisés avec des scripts
JavaScript pour le traitement des formulaires.
9.hidden
L'exemple est le suivant :<input type="hidden" name="id">Explication : Pour masquer le domaine, utilisez Soumettre la
Ce qui précède est une introduction à la marque du champ de saisie et un exemple de l'attribut de type . Les amis doivent le mémoriser et pratiquer davantage d'opérations, car le formulaire sera très utile dans le développement futur. .
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!