Maison > Article > interface Web > Comment définir le type d’un élément en HTML ?

Comment définir le type d’un élément en HTML ?

WBOYavant: 2023-08-26 14:45:121303parcourir

Dans cet article, nous apprendrons comment définir le type d'un élément en HTML, tout comme nous connaissons les types en HTML. Pour l'élément

L'attribut

type peut être utilisé sur les éléments suivants

Éléments	Propriétés
	Type
	Type
	Type
	Type
	Type
	Type
	Type

Comprenons comment définir le type d'un élément en HTML avec l'exemple suivant.

HTML

Les boutons cliquables en HTML sont définis par la balise

Exemple

Dans l'exemple ci-dessous, nous utilisons deux balises

<!DOCTYPE html>
<html>
<body>
   <form action="#" method="get">
      <label for="firstname">Username:</label>
      <input type="text" id="firstname" name="firstname"><br><br>
      <label for="lastname">Surname:</label>
      <input type="text" id="lastname" name="lastname"><br><br>
      <button type="submit" value="Submit">Submit</button>
      <button type="reset" value="Reset">Reset</button>
   </form>
</body>
</html>

Lorsque le script s'exécutera, il générera une sortie avec des champs de saisie pour le nom d'utilisateur et le nom de famille (définis par type="text"), ainsi qu'un bouton de soumission et un bouton de réinitialisation.

HTML balise

Les balises spécifient les champs dans lesquels les utilisateurs peuvent saisir des données. L'élément de formulaire le plus important est l'élément . Selon l'attribut type, l'élément peut être rendu de différentes manières.

Exemple

Considérez l'exemple suivant dans lequel nous utilisons un formulaire HTML avec deux types d'entrée différents, un pour le texte et un autre pour la soumission.

<!DOCTYPE html>
<html>
<body>
   <form action="#">
      <label for="Username">Enter name: </label>
      <input type="text" id="Username" name="Username"><br>
      <input type="submit" value="Submit">
   </form>
</body>
</html>

Lorsque vous exécutez le script ci-dessus, il produira une sortie qui comprend un champ de saisie avec un nom type="text" et un bouton de saisie avec un attribut type="submit".

Utiliser le script

Regardez l'exemple ci-dessous, nous exécutons un script avec l'attribut type spécifié

Exemple

Dans l'exemple ci-dessous, nous utilisons deux balises

<!DOCTYPE html>
<html>
<body>
   <p id="tutorial"></p>
   <script type="application/javascript">
      document.getElementById("tutorial").innerHTML = "Hello,Good Morning.";
   </script>
</body>
</html>

Lorsque vous exécutez le script ci-dessus, une fenêtre de sortie apparaîtra affichant le texte "Bonjour, bonjour". sur la page Internet.

HTML balise

Vous pouvez utiliser la balise pour spécifier plusieurs ressources multimédias pour des composants multimédias tels que

Exemple

Considérez l'exemple suivant où nous utilisons la balise HTML avec l'attribut type.

<!DOCTYPE html>
<html>
<body>
   <audio controls>
      <source src="https://gaana.com/song/praise-the-lord-da-shine" type="audio/mpeg">
   </audio>
</body>
</html>

Lorsque le script s'exécutera, il générera une sortie contenant l'audio téléchargé sur la page Web mentionnée avec type="audio/mpeg".

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：

Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer

Article précédent：Comment traduire « Comment est converti en booléen en JavaScript ? » en chinois en JavaScript ?Article suivant：Comment traduire « Comment est converti en booléen en JavaScript ? » en chinois en JavaScript ?

Articles Liés

Voir plus