En este artículo, veremos cómo configurar el tipo de botón usando HTML. La etiqueta <button> en HTML se utiliza para crear un botón en el que se puede hacer clic dentro del formulario de su página web. El atributo de tipo de botón especifica el tipo de botón (siempre debe declarar el tipo de botón).
La etiqueta <button> define un botón en el que se puede hacer clic y se utiliza para enviar formularios o en cualquier parte de un documento para acceder a la funcionalidad estándar del botón.
Sintaxis:
<button type=" ">
Ejemplo 1: este ejemplo crea un botón simple usando tipo como botón.
HTML
<!DOCTYPE html> <html> <body> <h2>Welcome To GFG</h2> <button name="button" type="button"> Click Here </button> </body> </html>
Producción:
Ejemplo 2: este ejemplo crea un formulario de envío al hacer clic en el botón.
HTML
<!DOCTYPE html>
<html>
<body>
<h2>Welcome To GFG</h2>
<form> Enter Name:
<input type="text" name="name" />
<br/>
<button type="submit" onclick=
"alert('Welcome to GeeksforGeeks')">
Submit
</button>
</form>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Ejemplo 3: este ejemplo crea un botón de formulario de reinicio.
HTML
<!DOCTYPE html> <html> <body> <h2>Welcome To GFG</h2> <form> Enter Name: <input type="text" name="name" /> <br/> <button type="reset">Reset</button> </form> </body> </html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Publicación traducida automáticamente
Artículo escrito por aksrathod07 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA