Formularios

FORMULARIOS

Etiquetas para Formularios:

• Form

• Select
• Label
• Input
• Textarea
• Fieldset

• Envio de datos
• Sin representación grafica

• Atributos de <form>
1. Action
1. Requerido
2. Destino
3. URL absoluta/relativa.
2. Method
1. Forma de Envio
2. GET/POST
3. GET (por defecto)
3. Accept-charset
1. Codificación de caracteres
1. UTF-8
2. ISO-8859-1: Define el alfabeto latino.
4. Enctype
1.  Tipo de codificación.
• Input
• Texto
• Casillas de verificacion
• Casillas de opcion (radio)
• Archivos
• Texto enmascarado (password)
• Ocultos
• Botones

• Atributos de <input/>
• Name
• Texto
• maxlength
• size
• value
• Nombre del campo para el envío.
• Type
• "text"-Texto
• "checkbox"-casilla de verificación
• name
• checked
• value
• "radio"-casilla de opción(radio)
•   name
• checked
• value
• "file"-subir fichero
• "password"-texto enmascarado
• "hiden"-campo oculto
• name
• value
• "button"-boton
• "submit"-botón de enviar
• "image"-imagen como boton de emviar
• "reset"-boton limpiar.
• Disable
• Readonly
• Value

• Select
•  Listas desplegables
• Selección múltiple
• Atributos de <select>
• name
• multiple
• Etiquetas para <select>
• Option
• Value
• optgroup
• Textarea
• Atributos de <textarea>
• name
• cols="numero" (20 por defecto)
• rows="numero"(2 por defecto)
• Label
• Esto no muestra nada en pantalla
• Usabilidad 
• Accesibilidad
• Atributos de <label>
• for
• Fieldset
• Agrupación semántica
• Marco
• Etiquetas para <fieldset>
• legend

RESUMEN

1. Listas: <select>+<option>
2. Texto multilínea: <texarea>
3. Asociar texto a controles:<label>
4. Agrupar controles:<fieldset>

CONSEJOS

1. <textarea> en lugar de <input type="text"/>
2. <select> en lugar de <input type="radio"/>
3. <label>

En el atributo action de la etiqueta <form> que define un formulario se puede indicar un correo electrónico para que los datos se envíen directamente a un correo electrónico. ¿Cómo se hace? Consulta los siguientes recursos que contienen ejemplos que puedes copiar a tus páginas web:

Cómo utilizar el mailto: protocolo en una acción <form>
mailto Protocol

El protocolo mailto también se puede utilizar en los enlaces. En el artículo Email links se explica.

Para publicar el sitio web puedes utilizar un servicio de alojamiento gratuito o de pago. Servicios gratuitos de alojamiento hay muchos, aquí tienes algunos muy populares:

• Hostinger: http://www.hostinger.es/
• Free Web Hosting: http://www.000webhost.com/
• x10Hosting: https://www.x10hosting.com/
• Free Web Hosting Area: http://www.freewebhostingarea.com/