Beruflich Dokumente
Kultur Dokumente
Formularios (I)
Hasta ahora hemos utilizado el HTML como un
lenguaje para la presentación de contenidos
(imágenes, textos, listas, tablas, etc) pudiendo el
usuario interactuar con ese contenido pero sin
participar.
<label>Nombre
<input type="text" id=”nombre” name="nombre"/>
</label>
Tipos de <input>
type=”password” Como su propio nombre indica se utiliza
para escribir contraseñas o contenido que no queramos
que se vea en pantalla.
<label>Contraseña
<input type="password" id=”contrasena“
name="contrasena"/>
</label>
Tipos de <input>
type=”checkbox” Son casillas de verificación que
permiten al usuario seleccionar una o varias opciones.
Son campos independientes unos del otro.
<fieldset><legend>Asiento</legend>
<label><input type="radio" name="asiento"
value="ventanilla" checked
/>Ventanilla</label>
<label><input type="radio" name="asiento"
value="pasillo" />Pasillo</label>
</fieldset>
<button>
En HTML5 se ha introducido el tag <button> como un
elemento independiente, pero que también se puede incluir en
formularios. Se trata de un tag doble, luego su sintaxis es:
<button type=”submit”>Enviar</button>
<button type=”submit”>Enviar</button>
La etiqueta <output>
La etiqueta <output> se incluye en el estandar HTML5 como
un elemento en el que se muestra el resultado de una
operación. No soportada por Internet Explorer.
<form
oninput="x.value=parseInt(a.value)+parseInt(b
.value)">0
<input type="range" id="a" value="50">100
+<input type="number" id="b" value="50">
=<output name="x" for="a b"></output>
</form>
<textarea>
La etiqueta <textarea> se utiliza cuando se debe de
introducir una gran cantidad de texto, dado que se puede
especificar altura y anchura.
Algunos ejemplos:
http://ckeditor.com/ - CKEditor
<select>
Los denominados campos <select> visualmente tienen la
apariencia de listas de elementos u opciones.
http://www.w3schools.com/html/html5_form_input_types.asp
http://www.htmlcinco.com/nuevos-tipos-de-input-en-html5/
Formularios en HTML5 (II)
<input>
type=”number” Podemos enviar enteros, estableciendo un
mínimo y un máximo como input de texto.