Recommandé
Contenu connexe
Tendances
Tendances (20)
En vedette
En vedette (20)
Similaire à Formularios: campos de entrada
Similaire à Formularios: campos de entrada (20)
Dernier
Dernier (20)
Formularios: campos de entrada
- 1. Formularios Etiqueta de formulario: <form></form> Campos de entrada: <Input/>: encargada de definir botones y cuadros de texto <select/>: define campos de selección <textarea></textarea> Text Aparecen como cuadros de textovacío <html> <head><title>Cuadro de texto</title></head> <body> <H1>Cuadro de Texto Vacío</H1> <input type="text" id="nombre" name:"nombre" size="30"/> </body> </html> <html> <head><title>Cuadro de texto</title></head> <body> <H1>Cuadro de Texto Vacío</H1> <input type="text" id="nombre" name:"nombre" size="30"/> <input name="Sugerencia" id="Sugerencia" type="text" title="Introduzca su sugerencia" value="Escriba aqui su sugerencia" size="20" maxlenght="180"/> </body> </html> Detalles: type=”text”: indica que se trata de un campo de texto size: determina el número de caracteres visibles en la casilla id: identificador del elemento, el cual impide que haya dos elementos con el mismo valor name: asigna el nombre a la variable del campo maxlenght: delimita el numero máximo de caracteres que pueden ser introducidos. El valor por defecto es ilimitado. value: permite poner un valor inicial title: muestra una leyenda al colocar el cursor sobre el campo Para completar la definición, con la finalidad de informar podemos emplear la etiqueta: <label></label>
- 2. <html> <head><title>Cuadro de texto</title></head> <body> <H1>Cuadro de Texto Vacío</H1> <!--<input type="text" id="nombre" name:"nombre" size="30"/>--> <label for="Sugerencia">Introduzca una sugerencia</label> <input name="Sugerencia" id="Sugerencia" type="text" title="Introduzca su sugerencia" value="Escriba aqui su sugerencia" size="20" maxlenght="180"/> </body> </html> Password <html> <head><title>Cuadro de texto</title></head> <body> <H1>Cuadro de Texto Vacío</H1> <input name="clave" id="clave" type="password" title="Introduzca la clave de acceso" value="" size="2" maxlenght="5"/> </body> </html> Checkbox Las casillas de verificación o checkbox, se utilizan para seleccionar mediante un cuadro una serie de elementos de un formulario.Atributos: name, value e id. Por regla general name e id siempre tienen el mismo valor. Para incluir un atributo seleccionado por defecto usamos: checked: <html> <head><title>Cuadro de texto</title></head> <body> <H1>Cuadro de Texto Vacío</H1> <input name="publicidad" type="checkbox" value="Info" checked="checked"/>Acepto recibir información<br/> <input name="publicidad" type="checkbox" value="Musica" />Musica<br/> <input name="publicidad" type="checkbox" value="Dibujo" />Dibujo<br/> <input name="publicidad" type="checkbox" value="Deporte"/>Deporte<br/> <input name="publicidad" type="checkbox" value="Cine"/>Cine </body> </html>