HTML    •    CSS

Introducción al HTML.
Estructura básica de una página web.
Meta tags básicos.
Etiqueta body.
Formateo de texto.
Párrafos y saltos de línea.
Comentarios.
Separadores. Etiqueta hr.
Encabezados.
Caracteres especiales.
Tablas.
Listas.
Imágenes.
Mapas de imágenes.
Enlaces.
Formularios I: introducción.
Formularios II: campos de texto.
Formularios III: listas de opciones.
Formularios IV: botones submit y reset.
Formularios V: otros campos.
Formularios VI: ejemplo de formulario.
Frames.
Iframes.
Marquee.
HTML 5
Fieldset y legend.
Más etiquetas.
Idioma
CSS.
Javascript.
Inicio > Curso de HTML > Formularios V: otros campos.

Formularios V: otros campos.
hidden

El hidden es un atributo que se le pone al tag. Gracias a este atributo estamos enviando al programa de gestión de datos, aparte de los datos enviados por el propio usuario, datos predefinidos por nosotros mismos invisibles para el usuario. Estos datos pueden ser útiles para ayudar al programa en su gestión de los datos del formulario. Lo que hacen es comunicar cierta información al servidor sobre cómo tratar los datos manteniéndose ocultos a la vista de los usuarios.

Este tipo de datos ocultos no se muestran en la página, aunque sí pueden ser detectados solicitando el código fuente. El atributo hidden no se llega a usar en páginas escritas en html, sólo en las que empleen también otro tipo de lenguajes.

Aquí podemos ver el código de un ejemplo:

<form action="mailto: nombredelcorreo@correo.com " method="post" enctype="text/plain" name="mihidden">
<input type="hidden" name="opcion" value="si">
</form>

image

El atributo “image” sirve para personalizar un botón. Es decir, este atributo introduce un botón en una imagen, sustituyendo al formato estándar de botones que ya hemos visto en otros artículos del tutorial.

La función de los botones creados de esta forma es igual que la de submit, pero nos permite personalizar este elemento.

Un ejemplo de este tipo de botones sería este:

<form action="mailto:nombredelcorreo@correo.com" method="post" enctype="text/plain" name="image">
<input type="image" name="boton" src="http://html.hazunaweb.com/html/imagenes/boton.jpg" align="middle">
</form>

file

El atributo file permite al usuario subir archivos. Por supuesto necesitaremos un programa que gestione estos archivos mediante un lenguaje diferente al html.

Aquí te hemos escrito un formulario con este tipo de type (type=“file”) para que veas las diferencias con los otros que habíamos visto hasta ahora.

<form method="post" enctype="multipart/form-data"><br>
<input type=file size=60 name="file1"><br><br>
<input type=file size=60 name="file2"><br><br>
<input type=submit value="subir"><br>
</form><br>

Fíjate como tenemos que cambiar el enctype, la forma de enviar la información, ya que ahora no vamos a enviar texto plano, sino archivos.

Nosotros tenemos que definir el tamaño del campo y su nombre. El botón "Examinar" es creado automáticamente por el navegador. Al pinchar en él, podremos examinar nuestro disco duro para encontrar la imagen que deseemos subir.

<< Formularios IV: botones submit y reset. Formularios VI: ejemplo de formulario. >>

Artículo escrito por Alberto Gómez para HazUnaweb.com. Queda absolutamente prohibida su reproducción.  


© HazUnaWeb.com. Tutoriales y manuales de programación y diseño de páginas web. :: Contacto :: Aviso legal
Queda absolutamente prohibida la copia o reproducción total o parcial de los contenidos de este página.