AgerNic.com
WEB DEVELOPER SITE, HTML, CSS, PHP, SQL

Acción de formulario HTML - cómo crear


Next Page >>
HTML images

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:

<form>
.
elementos de formulario
.
</form>

 

Ejemplo de formulario HTML





Nota: El ancho del formulario predeterminado de un campo de entrada es de 20 caracteres

 

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

Ejemplo
<!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>
Nota: hay que tener cuidado con la puntuación

 

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.

Ejemplo
<!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

Online Editor
ONLINE EDITOR

news templates


COLOR PICKER

news templates
This tool makes it easy to create, adjust, and experiment with custom colors for the web.


HTML Templates
news templates
Magnews2 is a modern and creative free magazine and news website template that will help you kick off your online project in style.


CSS HTML Layout
news templates
Find here examples of creative and unique website layouts.


Free CSS HTML Menu
news templates
Find here examples of creative and unique website CSS HTML menu.


1
Online Editor
ONLINE EDITOR

news templates


COLOR PICKER

news templates
This tool makes it easy to create, adjust, and experiment with custom colors for the web.


HTML Templates
news templates
Magnews2 is a modern and creative free magazine and news website template that will help you kick off your online project in style.


CSS HTML Layout
news templates
Find here examples of creative and unique website layouts.


Free CSS HTML Menu
news templates
Find here examples of creative and unique website CSS HTML menu.


Error: Unable to connect to MySQL. Debugging errno: 1045 Debugging error: Access denied for user 'u142985959_ager'@'localhost' (using password: YES)