Maison > interface Web > tutoriel HTML > Utilisation de la balise html

Utilisation de la balise html

巴扎黑
Libérer: 2017-06-16 14:08:00
original
2822 Les gens l'ont consulté

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脚本程序"/>
Copier après la connexion

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(&#39;你点击了按钮!&#39;)">
</body>
</html>
Copier après la connexion

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="提交按钮的取值"/>
Copier après la connexion

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="重置按钮的取值"/>
Copier après la connexion

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>
Copier après la connexion

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>
Copier après la connexion

Ensuite, vous entrez les informations dans la zone de texte en dehors de la balise

, 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 actuelle et n'a aucun effet sur les éléments de formulaire en dehors de la balise

Juste pour mentionner ici, le bouton d'envoi est également destiné à la balise

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

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!

Étiquettes associées:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal