En este artículo, aprenderemos cómo definir una etiqueta para un elemento de entrada usando una etiqueta <label> . Se utiliza para proporcionar una mejora de usabilidad para los usuarios de mouse, es decir, si un usuario hace clic en el texto dentro del elemento de la etiqueta, cambia el control. La etiqueta de etiqueta define la etiqueta del botón o del elemento del área de texto.
Sintaxis:
<label> form content... </label>
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>
Define a label for
an input element
</title>
<style>
body {
font-size: 20px;
}
</style>
</head>
<body style="text-align:center">
<h1 style="color:green">
GeeksforGeeks
</h1>
<h2>
HTML5: How to define a label
for an input element?
</h2>
<form>
<!-- Starts label tag from here -->
<label for="student">
Student
</label>
<input type="radio" name="Occupation"
id="student" value="student"><br>
<label for="business">
Business
</label>
<input type="radio" name="Occupation"
id="business" value="business"><br>
<label for="other">
Other
</label>
<!-- Ends label tags here -->
<input type="radio" name="Occupation"
id="other" value="other">
</form>
</body>
</html>
Producción:
Navegadores compatibles:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA