Formularios en html

1,569 views

Published on

Una introducción al uso de formularios en paginas web.

Published in: Education, Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,569
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
76
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Formularios en html

  1. 1. <FORM> </FORM> <ul><li>Indica al navegador que empieza un formulario.
  2. 2. Especifica valores del formulario (nombre, método de envío get o post y acción) </li></ul><form method =&quot;post&quot; action =&quot;mailto:webmaster@ignside.net&quot; > ............................ ............................ </form>
  3. 3. <INPUT> <ul><li>Permite al usuario introducir datos.
  4. 4. Podemos especificar el tipo de entrada, nombre, valores, tamaño...
  5. 5. Hay diferentes valores para type </li></ul><input type =&quot;text&quot; name =&quot;remitente&quot; value =&quot;alberto&quot; size =&quot;35&quot; maxlength =&quot;10&quot; >
  6. 6. type = “text” <ul><li>Especifica una caja de texto.
  7. 7. Password es otro valor de type, en la que no se ve lo que se escribe. </li></ul><input type =&quot;text&quot; name =&quot;remitente&quot; value =“escribe aquí&quot; size =&quot;35&quot; maxlength =&quot;10&quot; >
  8. 8. type = “hidden” <ul><li>Campo invisible para el usuario, pero con información útil para el programador. </li></ul><input type =“hidden&quot; name =&quot;remitente&quot; value =“alberto&quot; >
  9. 9. type = “checkbox” <ul><li>Las casillas de verificación envian su valor solo si son seleccionadas
  10. 10. Son casillas de selección múltiple. </li></ul><input type =“checkbox&quot; name =&quot;moto&quot; value =&quot;Si&quot; > Moto <input type =“checkbox&quot; name =&quot;coche&quot; value =&quot;Si&quot; > coche
  11. 11. type = “radio” <ul><li>Elegirá una única opción entre varias.
  12. 12. El valor de name de los distintos radio de la misma familia será el mismo. </li></ul><input type =“radio&quot; name =&quot;tipoSexo&quot; value =&quot;H&quot; > Hombre <input type =“radio&quot; name =&quot;tipoSexo&quot; value =“M&quot; > Mujer
  13. 13. type = “submit” <ul><li>Genera un botón que al ser pulsado ejecutará la acción indicada en <form>.
  14. 14. El texto que aparece en el botón es el especificado en value. </li></ul><input type =&quot;submit&quot; value =&quot;Enviar consulta&quot; >
  15. 15. type = “reset” <ul><li>Al ser pulsado reinicializa el contenido del formulario
  16. 16. El texto que aparece en el botón es el especificado en value. </li></ul><input type =“reset&quot; value =“Borrar&quot; > NO BORRA
  17. 17. <select> ..... </select> <ul><li>Ofrecerá una lista con los valores que puede elegir el usuario.
  18. 18. Como atributos tenemos name , size o multiple . </li></ul><SELECT NAME=&quot; Colores&quot; MULTIPLE> .................. </SELECT>
  19. 19. <option> <ul><li>Con esta etiqueta definimos las distintas opciones elegibles por el usuario. </li></ul><option value =&quot;r&quot; > Rojo </option> <option value =&quot;v&quot; selected > Verde </option>
  20. 20. <Textarea>.... </Textarea> <ul><li>Definimos un espacio con múltiples líneas donde el usuario podrá añadir un comentario.
  21. 21. podemos darle un nombre y definir su tamaño con cols y rows . </li></ul><textarea cols =20 rows =10 name =“texto” > </textarea >
  22. 22. EJEMPLO 1
  23. 23. EJEMPLO 2

×