Tecnología

Inicio

Tipos de entrada forma Tag

Tipos de entrada forma Tag


Cualquier forma de una página web se compone de múltiples etiquetas HTML rodeadas por <form> y </ form> etiquetas. Cada parte de un formulario, como un nuevo campo o un botón de envío, tiene su propia etiqueta <input> con varios atributos, incluyendo el atributo "tipo". Especificando el tipo de una etiqueta <input> indica al navegador Web cómo mostrar el campo. Hay 10 opciones válidas "tipo" para una etiqueta <input>.

Formato básico

El formato básico de una etiqueta <input> es:

<Input name = "nombre" type = valor "typeoption" = "valor" />

Reemplazar "typeoption" con una de las opciones de los campos de entrada válidos.

Botón

El tipo "botón" crea un botón que sus visitantes pueden hacer clic. Este tipo no es para el botón de "enviar" de una forma, sino más bien para activar JavaScript o carga de los enlaces externos. Por ejemplo:

<Input type = "button" value = "ventana pop-up de carga" onclick = "popup ()" />

casilla de verificación

El tipo de "casilla de verificación" crea una casilla de verificación. Todas las casillas de verificación en la misma cuestión tienen el mismo atributo "nombre". Por ejemplo:

<Input name = "favoritefruit" type = valor "casilla de verificación" = "piña" /> Piña

<Input name = "favoritefruit" type = "checkbox" value = "naranja" /> Naranja

Archivo

El tipo de "archivo" le dice al navegador Web para proporcionar un botón "Examinar" para un visitante del sitio Web para localizar un archivo en su computadora para cargar como parte del formulario. Esto normalmente toma la forma:

<Type = "archivo" de entrada />

Oculto

Especificando el tipo de entrada como "oculto" se esconde el campo, pero todavía pasa el valor de ese campo en el envío del formulario. Por ejemplo, usted podría pasar a un campo oculto que indica desde qué página en su página web un usuario envía un formulario:

<Input type = "hidden" name = "referencia" = "página de inicio" />

Imagen

El uso del tipo "imagen" crea un botón de envío correspondiente a la forma de una imagen, en lugar de mostrar el botón Web predeterminado. Por ejemplo:

<Input type = "image" />

Contraseña

El tipo de entrada "contraseña" crea un cuadro de texto en blanco estándar, pero lo oscurece las letras y los números de los visitantes entran como medida de seguridad. Por ejemplo:

<Input type = "password" name = "password" />

Radio

El tipo "radio" crea un pequeño círculo junto a cada opción. Los botones de radio son similares a las casillas de verificación, excepto visitante puede seleccionar sólo una respuesta para cada pregunta de radio, mientras que podrían seleccionar varias casillas de verificación. Un ejemplo de código de botón de radio:

<Input name = valor "brandofcar" = "Honda" type = "radio" /> Honda

<Input name = valor "brandofcar" = "Ford" type = "radio" /> Ford

Enviar y Restablecer

El tipo de entrada "enviar" presenta el contenido de un formulario, mientras que el tipo de entrada "reset" limpia todas las instancias forma actual. Por ejemplo:

<Input type = "submit" />

<Input type = "reset" />

Texto

Especificar un tipo de entrada como "texto" para un cuadro de texto en blanco que muestra los caracteres introducidos normalmente. Especificar el ancho de un campo de texto con el atributo "tamaño". Por ejemplo:

<Input name = tipo "nombre" = "text" size = "30" />


Artículos relacionados