Formularios Conjunto de elementos que generan interacción con el usuario para dar u obtener información.
<form>
Elementos del <form> <input> Elemento más importante del <form>. Le permite al usuario introducir información. <label> Especifica a qué elemento del formulario está vinculado. <textarea> Delimita un campo de texto. <button> Botón con la posibilidad de distintas funciones.
<form> <label>Nombre:</label> <input> <textarea> </textarea> <button>Enviar</button> </form>
Atributos para <input> Name Type Value
Especifica el nombre de un elemento <input>. Name Type Value Especifica el nombre de un elemento <input>.
Name Type Value <form> <input type=“radio” name=“numero-alumno” > Alumno 1 <input type=“radio” name=“numero-alumno” > Alumno 2 <input type=“radio” name=“numero-alumno” > Alumno 3 <input type=“radio” name=“numero-alumno” > Alumno 4 </form>
Name Type Value Es usado de forma diferente por distintos “type” de <input>. Ej... type=“text” Muestra un texto por default en el campo. type=“radio”, type=“checkbox” Especifica el valor de cada input.
Name Type Value <input type=“text”> <input type=“radio”> <input type=“checkbox”> <input type=“password”>
Atribuye un valor inicial al elemento. Name Type Value Atribuye un valor inicial al elemento.
Name Type Value <form> <p>Nombre</p> <input type=“radio” name=“numero-alumno” value=“Alum1” > Alumno 1 <input type=“radio” name=“numero-alumno” value=“Alum2” > Alumno 2 <input type=“radio” name=“numero-alumno” value=“Alum3” > Alumno 3 <input type=“radio” name=“numero-alumno” value=“Alum4” > Alumno 4 </form>
Otros ejemplos de type type=“number” – Contiene sólo números. type=“date” – Proporciona un calendario. type=“time” – Proporciona la elección de horario. type=“email” – Contiene sólo email (hola@amigo.com.ar) type=“search” – Delimita input de búsqueda. type=“tel” – Especifica que hay un número telefónico. type=“url” – Contiene sólo dirrecciones web (www.hola.com.ar)
Otros Atributos de inputs Readonly – Sólo lectura. Disabled – Deshabilitado. Maxlength – Cantidad de caracteres permitidos. Autofocus – Hace foco en el input. Required – Obligatorio. Placeholder – Coloca texto por default.
Gracias!