Maison >interface Web >tutoriel HTML >Introduction détaillée aux balises d'entrée et aux balises de formulaire en HTML

Introduction détaillée aux balises d'entrée et aux balises de formulaire en HTML

高洛峰
高洛峰original
2017-03-24 11:44:451956parcourir

Balise d'entrée

La balise d'entrée se ferme d'elle-même

<input />

La série d'entrée comprend une case à cocher, une redio, un mot de passe, un bouton, un fichier, etc.

1 . type='text' et type='password'

<input type=&#39;text&#39; />

type='text' et type='password'

用户名:<input type="text"/>
<br/><br/>
密  码:<input type="password"/>

Introduction détaillée aux balises dentrée et aux balises de formulaire en HTML

Limiter la longueur de saisie : type='text' maxlength="3"

Introduction détaillée aux balises dentrée et aux balises de formulaire en HTML

2. Case à cocher : type='checkbox'

兴趣爱好:
篮球: <input type="checkbox"/>
足球: <input type="checkbox"/>
排球: <input type="checkbox"/>

Introduction détaillée aux balises dentrée et aux balises de formulaire en HTML

3. Bouton radio type='radio'

性别:
男: <input type="radio" name="gender"/> 女:<input type="radio" name="gender"/>

Introduction détaillée aux balises dentrée et aux balises de formulaire en HTML

Bouton Soumettre : type='bouton'

bouton. - Bouton ordinaire, bouton soumettre-soumettre ; le bouton soumettre est généralement utilisé lorsqu'il apparaît sur une page Web et doit soumettre des informations au serveur, tandis que le bouton bouton sert à créer un bouton. On ne sait pas exactement ce qui se passera lorsque le bouton sera créé. Le bouton est implémenté et est décidé par l'éditeur de page. Par exemple, sur le formulaire Web le même jour, si l'utilisateur peut saisir des erreurs ou des écarts, vous pouvez créer un bouton - effacer (réinitialiser) sur la page Web. Un formulaire peut avoir plusieurs boutons ordinaires et au moins un bouton de soumission (obligatoire pour soumettre la page du formulaire)

<input type="button" value="提交"/>

Introduction détaillée aux balises dentrée et aux balises de formulaire en HTML

Bouton de soumission : type='submit'.

6. Téléchargez le fichier : type='file'

<input type="file" />

Introduction détaillée aux balises dentrée et aux balises de formulaire en HTML

7. >

<textarea>这里可以输入多行信息</textarea>

balise de formulaire : Introduction détaillée aux balises dentrée et aux balises de formulaire en HTML

ou


Lorsque la valeur de Method est obtenue, le contenu et les paramètres sont transmis via l'URL. À ce moment, nous pouvons voir le contenu soumis par nous-mêmes. via l'URL.

Lorsque la valeur de la méthode est post, le contenu et les paramètres sont transmis via un cache similaire. Remplissez le contenu et les paramètres, mais l'URL ne peut pas voir le contenu du formulaire et soumettre le contenu. .

Pour la balise de formulaire html form, uniquement avec le formulaire de formulaire et la méthode de soumission (get post) (comprendre la différence entre get post) les données peuvent être transmises au programme pour traitement, sinon le programme ne peut pas recevoir le données à traiter.

La différence entre le bouton et soumettre :

Le bouton dans le formulaire ne soumettra pas les données dans le formulaire (sauf si personnalisé, comme personnalisé avec JS), soumettre soumettra certainement les données.

姓名:<input type="text" maxlength="10"/>
密码:<input type="password" />
<br/><br/>
<input type="submit" onclick="alert(123)" value="提交" />

Puisque soumettre peut soumettre des données, pourquoi avons-nous besoin d'un bouton ? Introduction détaillée aux balises dentrée et aux balises de formulaire en HTML

La méthode correspondant à la soumission est post, qui consiste à soumettre les données en arrière-plan, et la méthode correspondant au bouton est get. Par exemple, ajoutez un bouton à la page et définissez la valeur pour actualiser, puis le. la signification du bouton est d'actualiser la page sans soumettre aucune donnée en arrière-plan.

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:
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