Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
FORMULARIOS EN HTML
El elemento <form></form>•   Engloba siempre a un formulario web•   Incluye los atributos:     •   method - Especifica lo q...
El elemento <input/>•   Dependiendo del tipo, puede tomar muchas formas y adoptar    diversas funcionalidades        1. te...
El elemento <input/> <input name="nombre" type="text" maxlength="50"/>                 Formularios<input name="pass" type=...
El elemento <input/><input type="radio" name="gen" value="h" /> Hombre<input type="radio" name="gen" value="m" /> Mujer   ...
El elemento <input/><input name="enviar" type="submit" value="Enviar"/>                      Enviar<input name="borrar" ty...
El elemento <textarea></textarea>    <textarea name="sugerencia"></textarea>            Comentarios o sugerencias
El elemento <select></select><select name="autos">   <option value="0">Selecciona un auto...</option>   <option value="1">...
El elemento <label></label ><label for="nombre">Nombre:</label><input name="nombre" type="text" maxlength="50"/>Nombre:   ...
El elemento <fieldset></fieldset ><fieldset>   <legend>Datos personales</legend>   <label for="nombre">Nombre:</label>   <inp...
Upcoming SlideShare
Loading in …5
×

Tema 6 - Formularios en html

2,067 views

Published on

  • Be the first to comment

Tema 6 - Formularios en html

  1. 1. FORMULARIOS EN HTML
  2. 2. El elemento <form></form>• Engloba siempre a un formulario web• Incluye los atributos: • method - Especifica lo que ocurre con los datos cuando se completa el formulario. • action - URL del script que va a recibir y procesar los datos enviados.
  3. 3. El elemento <input/>• Dependiendo del tipo, puede tomar muchas formas y adoptar diversas funcionalidades 1. text Formularios 2. password ****** 3. radio 4. checkbox 5. submit Enviar 6. reset Borrar
  4. 4. El elemento <input/> <input name="nombre" type="text" maxlength="50"/> Formularios<input name="pass" type="password" maxlength="15"/> ****** • name - propósito del campo. • maxlength - cantidad máxima de caracteres en el campo.
  5. 5. El elemento <input/><input type="radio" name="gen" value="h" /> Hombre<input type="radio" name="gen" value="m" /> Mujer Hombre Mujer<input type="checkbox" name="pref" value="1" /> Twitter<input type="checkbox" name="pref" value="2" /> Facebook Twitter Facebook
  6. 6. El elemento <input/><input name="enviar" type="submit" value="Enviar"/> Enviar<input name="borrar" type="reset" value="Borrar"/> Borrar
  7. 7. El elemento <textarea></textarea> <textarea name="sugerencia"></textarea> Comentarios o sugerencias
  8. 8. El elemento <select></select><select name="autos"> <option value="0">Selecciona un auto...</option> <option value="1">Volvo</option> <option value="2">Smart</option> <option value="3">Mini Cooper</option> <option value="4">Atos</option></select> Selecciona un auto... Volvo Smart Mini Cooper Atos
  9. 9. El elemento <label></label ><label for="nombre">Nombre:</label><input name="nombre" type="text" maxlength="50"/>Nombre: Carlos Montoya
  10. 10. El elemento <fieldset></fieldset ><fieldset> <legend>Datos personales</legend> <label for="nombre">Nombre:</label> <input name="nombre" type="text" maxlength="50"/> <label for="apellidos">Apellidos:</label> <input name="apellidos" type="text" maxlength="50"/></fieldset> Datos personales Nombre: Carlos Apellidos: Montoya

×