HTML introdujo muchas funciones para mejorar los formularios. Antes de que se introdujera el atributo requerido, usamos código JavaScript para que se complete un campo de entrada específico antes de enviar el formulario.
Ahora, este proceso es fácil simplemente usando el atributo requerido . Este atributo se utiliza para especificar el elemento de entrada que se debe completar antes de enviar el formulario. En caso de que el usuario olvide y omita el campo en particular y luego haga clic en el botón Enviar, se muestra la ventana emergente justo debajo del campo de entrada requerido.
Sintaxis
<input type="text" required>
Ejemplo: El siguiente código demuestra el uso de los atributos requeridos en HTML.
HTML
<!DOCTYPE html>
<html>
<head>
<title>
How to use the required attribute in HTML?
</title>
<style>
h1,
h2 {
color: green;
font-style: italic;
}
body {
text-align: center;
}
</style>
</head>
<body>
<h1>GeeksForGeeks</h1>
<h2>
How to use the required
attribute in HTML?
</h2>
<form action="">
Username:
<input type="text" name="usrname">
<br><br>
Password:
<input type="password" name="password" required>
<br> <br>
<input type="submit">
</form>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA