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'attributtype 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.
Les boutons cliquables en HTML sont définis par la balise
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.
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.
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".
Regardez l'exemple ci-dessous, nous exécutons un script avec l'attribut type spécifié
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.
Vous pouvez utiliser la balise
Considérez l'exemple suivant où nous utilisons la balise HTML
<!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!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
