Your SlideShare is downloading. ×
Tema 6 - Formularios en html
Tema 6 - Formularios en html
Tema 6 - Formularios en html
Tema 6 - Formularios en html
Tema 6 - Formularios en html
Tema 6 - Formularios en html
Tema 6 - Formularios en html
Tema 6 - Formularios en html
Tema 6 - Formularios en html
Tema 6 - 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

Tema 6 - Formularios en html

1,542

Published on

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

  • Be the first to like this

No Downloads
Views
Total Views
1,542
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
37
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
  • 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. 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. 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. 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. El elemento <input/><input name="enviar" type="submit" value="Enviar"/> Enviar<input name="borrar" type="reset" value="Borrar"/> Borrar
  • 7. El elemento <textarea></textarea> <textarea name="sugerencia"></textarea> Comentarios o sugerencias
  • 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. El elemento <label></label ><label for="nombre">Nombre:</label><input name="nombre" type="text" maxlength="50"/>Nombre: Carlos Montoya
  • 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

×