Descripción
El elemento form
nos sirve para poder crear un formulario en el que insertar datos los cuales podremos enviar a un servidor para ser procesados.
Dentro del elemento form
podremos incluir campos de textos, contraseñas, campos de selección múltiple, campos de selección única, botones de envío, botones de borrado, campos para poder subir ficheros, imágenes, campos ocultos, áreas de texto, combos de selección,…
Los diferentes atributos del elemento form
nos permitirán configurar las opciones para el envío del formulario, como la URL destino del formulario o el método de envío (post o get).
Sintaxis
<form>...</form>
Atributos
Atributos Globales
- accesskey
- autocapitalize
- autofocus
- contenteditable
- dir
- draggable
- enterkeyhint
- hidden
- inputmode
- is
- itemid
- itemprop
- itemref
- itemscope
- itemtype
- lang
- nonce
- spellcheck
- style
- tabindex
- title
- translate
Ejemplo
<!DOCTYPE html>
<html>
<body>
<form>
<label for="usuario">Usuario:</label>
<input type="text" id="usuario" name="usuario">
<br>
<label for="email">Email:</label>
<input type="text" id="email" name="emai">
<br>
<input type="submit" value="Enviar">
</form>
</body>
</html>
Artículos
- Cargar combo desde BBDD con PHP PDO
- Ruta Google Maps desde formulario
- Crear contenido editable en HTML5
- Cambiar el valor de un radio group dinámicamente
- Activar valores de un combo dinámicamente
- Validar password con JavaScript
- Combo que soporte múltiples selecciones en HTML
- Controlar el envío de un formulario con JavaScript
- Enviar emails desde una página web
- Checkbox y Operadores Dinámicos
- ¿Cuántos formularios hay en mi página?
- Contar checkbox activos con JavaScript
- Buscar en la lista
- Resultado de un formulario en ventana nueva
- Hacer foco en un campo de la página usando Javascript
- Cálculo de totales y subtotales en JavaScript
- Formulario que multiplica números en JavaScript
- Checkbox marcados por defecto
- Validar que el texto introducido es un número
- Combos con imágenes
- Predeterminar valor en un combo
- Formulario para pedir passwords
- Combos de selección
- Evitar el envío de un formulario
- Formulario en ventana dialogo con HTML5
- Hacer foco en un elemento sin scroll
Vídeos HTML
Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.