Your SlideShare is downloading. ×
Formularios en html
Formularios en html
Formularios en html
Formularios en html
Formularios en html
Formularios en html
Formularios en html
Formularios en html
Formularios en html
Formularios en html
Formularios en html
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Formularios en html

387

Published on

Breve tutorial sobre como crear formularios con html

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
387
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. FORMULARIOS EN HTML Les recomiendo la página http://www.htmlquick.com/es/tutorials/forms.html
  • 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. 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. 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. 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. 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. El elemento <input/> <input name="enviar" type="submit" value="Enviar"/> Enviar <input name="borrar" type="reset" value="Borrar"/> Borrar
  • 8. El elemento <textarea></textarea> <textarea name="sugerencia"></textarea> Comentarios o sugerencias
  • 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. El elemento <label></label > <label for="nombre">Nombre:</label>! <input name="nombre" type="text" maxlength="50"/>! Nombre: Carlos Montoya
  • 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

×