Acción de formulario HTML - cómo crear
Tutorial HTML » Acción de formulario HTML
Se utiliza un formulario HTML para recopilar datos ingresados por el usuario (para diferentes productos).
Un formulario HTML consta de elementos especiales llamados controles (CONTROLS): botones de radio, botones de validación, menús, cuadros de texto, a través de los cuales el usuario transmite información al servidor que aloja la página web.
La inserción de un formulario en un documento web se realiza mediante la etiqueta <form> ... </form>, que incluye los controles.
Sintaxis:
.
elementos de formulario
.
</form>
Casilla de verificación HTML - radio - ejemplo
El elemento <input> se puede mostrar de muchas formas como:
Etiquetas de tipo de entrada | Descripción |
---|---|
<input type="text"> | Displays a single-line text input |
<input type="radio"> | Displays a radio button |
<input type="checkbox"> | Displays a checkbox |
<input type="submit"> | Displays a submit button |
<input type="button"> | Displays a clickable button |
En las siguientes plantillas de formulario HTML, le mostramos un formulario de ejemplo que contiene los siguientes elementos: casilla de verificación, botón, marcador de posición, acción, formulario desplegable
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo de formulario de casilla de verificación </title>
</head>
<body>
<h1>Ejemplo de formulario de casilla de verificación</h1>
<!-- This is a comment <h1> Ejemplo de formulario de casilla de verificación -->
<p>Ejemplo de formulario de casilla de verificación que contiene botones de opción como: Masculino, Femenino, Otro.</p>
<form action="your_link_action">
<label for="first_name">Nombre:</label><br />
<input type="text" id="first_name" name="first_name" value="Chris"> <br />
<label for="last_name">Apellido:</label><br />
<input type="text" id="last_name" name="last_name" value="Ford"><br><br />
<input type="radio" id="male" name="gender" value="male">
<label for="male">Masculino</label><br>
<input type="radio" id="female" name="gender" value="female">
<label for="female">Femenino</label><br>
<input type="radio" id="other" name="gender" value="other">
<label for="other">Otro</label><br><br />
<input type="submit" value="Enviar"><br><br />
</form>
</body>
</html>
Plantilla de formulario de casillas de verificación - ejemplos
El <input type = "checkbox"> define una casilla de verificación. Las casillas de verificación permiten al usuario seleccionar CERO o MÁS opciones de un número limitado de opciones.
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo de plantilla de formulario de casillas de verificación HTML</title>
</head>
<body>
<h1>Ejemplo de plantilla de formulario de casillas de verificación HTML </h1>
<form action="your_link_action">
<label for="first_name">Nombre:</label><br />
<input type="text" id="first_name" name="first_name" value="Chris"> <br />
<label for="last_name">Apellido:</label><br />
<input type="text" id="last_name" name="last_name" value="Ford"><br><br />
<input type="checkbox" id="bike1" name="bike1" value="Bike1">
<label for="bike1"> Tengo una bici roja</label><br>
<input type="checkbox" id="bike2" name="bike2" value="Bike2">
<label for="bike2"> Tengo una bici azul</label><br>
<input type="checkbox" id="bike3" name="bike3" value="Bike3">
<label for="bike3"> Tengo una bici verde</label><br><br><br><br />
<input type="submit" value="Enviar"><br><br />
</form>
</body>
</html>
Etiquetas: Acción de formulario HTML - formulario HTML de radio - cómo crear, plantillas de formularios html y css,
html radio button, html radio button selected, html radio group, radio button javascript, html form, html checkbox, radio button in html form, radio button checked javascript,
Acción de formulario HTML - cómo crear - html.es
This tool makes it easy to create, adjust, and experiment with custom colors for the web.
Magnews2 is a modern and creative free magazine and news website template that will help you kick off your online project in style.
Find here examples of creative and unique website layouts.
Find here examples of creative and unique website CSS HTML menu.