" ; 2. Utilisez la balise button, la syntaxe est "

Maison  >  Article  >  interface Web  >  Comment écrire un bouton en HTML

Comment écrire un bouton en HTML

WBOY
WBOYoriginal
2021-11-11 14:29:3323004parcourir

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="保存"/>

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>

Résultat de sortie :

Comment écrire un bouton en HTML

2. Utilisez la balise bouton

<button>保存</button>

Le contrôle 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>

Résultat de sortie :

Comment écrire un bouton en HTML

Pour plus de connaissances sur la programmation, veuillez visiter : Vidéo de programmation ! !

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
Article précédent:Comment faire jouer de la musique en HTMLArticle suivant:Comment faire jouer de la musique en HTML

Articles Liés

Voir plus