Formularios HTML

Hola a todos, hoy os explicare como insertar formularios en un documento HTML.

Los formularios son elementos que permiten construir interfaces de usuario. Se utiliza la etiqueta

para crear formularios, dentro de esta etiqueta va todas los campos del formulario.

Los atributos de form son action, que indica la URL de un programa que procesara los datos metidos en el formulario, y method, que indica al servidor remoto el mecanismo usado para enviar los datos escritos en el formulario (get o post). Estos atributos, en principio solo son necesarios si queremos enviar los datos del formulario para tratarlos.

A continuación veremos los elementos del formulario mas usados:

  • Cuadro de texto: permite al usuario que escriba en un cuadro de texto. Se indica con . El atributo value permite indicar un valor por defecto y el atributo size le da un tamaño personalizado. Por ejemplo

cuadro texto

  • Cuadro de contraseña: es igual que el cuadro de texto, pero el texto lo pone con asteriscos, se usa para contraseñas. Se indica con . Los atributos son los mismos que en el cuadro de texto. Por ejemplo:

cuadro password

  • Checkbox: son controles de formulario que permiten al usuario seleccionar y deseleccionar opciones individualmente. Se indica con »nombre de la opcion» por cada opción. Por ejemplo:

checkbox

  • Radio button: permiten al usuario elegir una sola opción entre muchas. Se indica con »nombre opcion» por cada opción. Para un conjunto de elementos radio que estén relacionados, deben de tener el mismo atributo name (lo explicaremos un poco mas adelante), si no lo hacemos podremos seleccionar mas de una opción. Por ejemplo:

radio

  • Botón de envío: permite enviar los datos del formulario al servidor para que los procese. Se indica con . Por ejemplo:

boton envio

  • Botón de reseteo: permite resetear las opciones del formulario. Se indica con . Por ejemplo:

reset

  • Fichero adjunto: permite seleccionar un fichero de nuestro equipo. Se indica con . Si lo colocamos es obligatorio que pongamos el atributo enctype=»multipart/form-data» en form. Por ejemplo:

file

  • Textarea: nos permite insertar una área de texto en un documento HTML, para que el usuario pueda escribir mas lineas. Se usa la etiqueta


Warning: Trying to access array offset on value of type null in /home2/discodur/public_html/discoduroderoer/wp-content/themes/disto/single.php on line 539