Input: hidden, image y file


Input type 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>

Input type 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="https://html.hazunaweb.com/html/imagenes/boton.jpg" align="middle">
</form>

Input type 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.

Artículo Anterior Artículo Siguiente
post ADS 1
post ADS 2