Your SlideShare is downloading. ×
FORMULARIOS EN
HTML
Les recomiendo la página http://www.htmlquick.com/es/tutorials/forms.html
Los formularios son una característica del estándar HTML
que permite a los autores recolectar información provista
por los...
El elemento <form></form>
• Engloba siempre a un formulario web
• Incluye los atributos:
• method - Especifica lo que ocur...
El elemento <input/>
• Dependiendo del tipo, puede tomar muchas formas y adoptar
diversas funcionalidades!
1. text!
2. pas...
El elemento <input/>
<input name="nombre" type="text" maxlength="50"/>
Formularios
<input name="pass" type="password" maxl...
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" type="reset" value="B...
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">V...
El elemento <label></label >
<label for="nombre">Nombre:</label>!
<input name="nombre" type="text" maxlength="50"/>!
Nombr...
El elemento <fieldset></fieldset >
<fieldset>!
<legend>Datos personales</legend>
<label for="nombre">Nombre:</label>
<inpu...
Upcoming SlideShare
Loading in...5
×

Formularios en html

413

Published on

Breve tutorial sobre como crear formularios con html

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
413
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Formularios en html"

  1. 1. FORMULARIOS EN HTML Les recomiendo la página http://www.htmlquick.com/es/tutorials/forms.html
  2. 2. Los formularios son una característica del estándar HTML que permite a los autores recolectar información provista por los visitantes. Estos formularios pueden resultar útiles para reunir información personal, de contacto, preferencias, opiniones, o de cualquier otro tipo que el autor necesite.
  3. 3. 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. Ejemplo: <form method="post" action="agente.php">
  4. 4. El elemento <input/> • Dependiendo del tipo, puede tomar muchas formas y adoptar diversas funcionalidades! 1. text! 2. password! 3. radio! 4. checkbox! 5. submit! 6. reset Formularios Enviar Borrar
  5. 5. El elemento <input/> <input name="nombre" type="text" maxlength="50"/> Formularios <input name="pass" type="password" maxlength="15"/> • name - propósito o nombre del campo. • maxlength - cantidad máxima de caracteres en el campo.
  6. 6. 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
  7. 7. El elemento <input/> <input name="enviar" type="submit" value="Enviar"/> Enviar <input name="borrar" type="reset" value="Borrar"/> Borrar
  8. 8. El elemento <textarea></textarea> <textarea name="sugerencia"></textarea> Comentarios o sugerencias
  9. 9. 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
  10. 10. El elemento <label></label > <label for="nombre">Nombre:</label>! <input name="nombre" type="text" maxlength="50"/>! Nombre: Carlos Montoya
  11. 11. 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

×