Comment écrire un bouton en HTML-tutoriel HTML-php.cn

Comment écrire un bouton en HTML

WBOY

Libérer： 2021-11-11 14:29:33

original

22926 Les gens l'ont consulté

Comment écrire des boutons HTML : 1. Utilisez la balise input, la syntaxe est ""; 2. Utilisez la balise button, la syntaxe est "Texte du bouton ”.

Comment écrire un bouton en HTML

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3.

Écriture du bouton HTML :

1. Utilisez la balise d'entrée

<input type="button" value="保存"/>

Copier après la connexion

Selon les différentes valeurs d'attribut de type, le champ de saisie a 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.

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>button</title>
</head>
<body>
<form action="form_action.asp" method="get">
  First name: <input type="text" name="fname" />
  Last name: <input type="text" name="lname" />
  <input type="submit" value="Submit" />
</form>
</body>
</html>

Copier après la connexion

Résultat de sortie :

Comment écrire un bouton en HTML

2. Utilisez la balise bouton

<button>保存</button>

Copier après la connexion

correspond au contenu du bouton, y compris tout contenu de corps acceptable, tel que du texte ou du contenu multimédia. Par exemple, nous pouvons inclure une image et le texte associé dans un bouton et les utiliser pour créer une image de balisage attrayante dans le bouton.

Si vous utilisez l'élément bouton dans un formulaire HTML, différents navigateurs soumettront différentes valeurs de bouton. Veuillez utiliser des éléments d'entrée pour créer des boutons dans les formulaires HTML.

Le seul élément interdit est le mappage d'images, car ses actions sensibles à la souris et au clavier interfèrent avec le comportement des boutons du formulaire.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>button</title>
</head>
<body>
<button type="button">Click Me!</button>
</body>
</html>

Copier après la connexion

Résultat de sortie :

Comment écrire un bouton en HTML