Maison > Article > interface Web > Utilisation de la balise html
Utilisation de la balise html
- 巴扎黑original
- 2017-06-16 14:08:002795parcourir
Dans les pages Web, les boutons sont divisés en trois types : le bouton ordinaire, le bouton Soumettre et le bouton Réinitialiser.
1. Bouton de bouton ordinaire
Les boutons ordinaires doivent généralement être coopérés avec des scripts JavaScript pour implémenter le formulaire.
Syntaxe :
<input type="button" value="普通按钮的取值" onclick="JavaScript脚本程序"/>
Description :
La valeur de value est le texte affiché sur le bouton, onclick est l'événement du bouton ordinaire, nous allons faire cela dans le didacticiel d'introduction à JavaScript, cela sera expliqué en détail dans le chapitre suivant, donc tout le monde peut le comprendre ici.
Exemple :
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
单击按钮弹出对话框：<br/>
<input type="button" value="按钮" onclick="alert('你点击了按钮！')">
</body>
</html>2. Bouton Soumettre, soumettre
Le bouton Soumettre peut être considéré comme un bouton ordinaire avec des fonctions spéciales. Cliquer sur le bouton Soumettre peut réaliser le formulaire. contenu Soumettre au serveur pour traitement.
Syntaxe :
<input type="submit" value="提交按钮的取值"/>
Description :
La valeur de value est le texte affiché sur le bouton. Voir l'exemple dans Bouton de réinitialisation pour un exemple.
La véritable utilité du bouton de soumission ne peut être vraiment comprise tant que nous n'avons pas appris la technologie back-end.
3. Réinitialisation du bouton de réinitialisation
Le bouton de réinitialisation peut également être considéré comme un bouton ordinaire avec des fonctions spéciales. Cliquer sur le bouton de réinitialisation peut effacer les informations saisies par l'utilisateur dans le formulaire de page.
Syntaxe :
<input type="reset" value="重置按钮的取值"/>
Description :
La valeur de value est le texte affiché sur le bouton.
Exemple :
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<form name="form1" method="post" action="index.html">
账号：<input type="text"/><br/>
密码：<input type="text"/><br/>
<input type="submit" value="提交"/>
<input type="reset" value="重置"/>
</form>
</body>
</html>Après avoir saisi des caractères dans la zone de texte, appuyez sur le bouton de réinitialisation et vous constaterez que le contenu de la zone de texte est effacé ! C'est ce que fait le bouton de réinitialisation.
1. Malentendus sur le bouton de réinitialisation
Nous savons de ce qui précède que le bouton de réinitialisation peut effacer les informations saisies par l'utilisateur dans le formulaire, mais le bouton de réinitialisation ne peut effacer que le "actuel". balise de formulaire" Le contenu de l'élément de formulaire n'est pas valide pour les éléments de formulaire en dehors de la balise de formulaire actuelle.
Exemple :
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<form name="form1" method="post" action="index.html">
账号：<input type="text"/><br/>
密码：<input type="text"/><br/>
<input type="submit" value="提交"/>
<input type="reset" value="重置"/>
</form>
昵称：<input type="text"/><br/>
</body>
</html>Ensuite, vous entrez les informations dans la zone de texte en dehors de la balise ff9c23ada1bcecdd1a0fb5d5a0f18437, c'est-à-dire la zone de texte du surnom, puis appuyez sur le bouton de réinitialisation. Vous trouverez. qu'il est invalide.
Conclusion : le bouton de réinitialisation ne peut effacer que les informations de saisie de l'élément de formulaire à l'intérieur de la balise ff9c23ada1bcecdd1a0fb5d5a0f18437 actuelle et n'a aucun effet sur les éléments de formulaire en dehors de la balise ff9c23ada1bcecdd1a0fb5d5a0f18437
Juste pour mentionner ici, le bouton d'envoi est également destiné à la balise ff9c23ada1bcecdd1a0fb5d5a0f18437
4. La différence entre les boutons ordinaires, les boutons de soumission et les boutons de réinitialisation
De ce qui précède, nous savons que les boutons ordinaires sont généralement combinés avec des scripts JavaScript pour obtenir des effets spéciaux, et les boutons de soumission sont principalement utilisé pour Les informations de saisie du formulaire actuellement à l'intérieur de la balise ff9c23ada1bcecdd1a0fb5d5a0f18437 sont soumises au serveur pour traitement, et le bouton de réinitialisation efface les informations de saisie de l'élément de formulaire actuellement à l'intérieur de la balise ff9c23ada1bcecdd1a0fb5d5a0f18437.
Il vous est impossible de bien comprendre les fonctions de ces trois boutons au stade d'introduction au HTML. Alors ne paniquez pas, peu importe si vous ne le comprenez pas bien, car cela implique du JavaScript et des pages Web dynamiques, et nous le saurons clairement après avoir étudié les cours suivants. Au stade HTML, il suffit de savoir quels types de boutons existent et comment écrire le code de l'étiquette. C'est très simple.
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!