Formularios en html
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Formularios en html

on

  • 1,760 views

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

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

Statistics

Views

Total Views
1,760
Views on SlideShare
1,757
Embed Views
3

Actions

Likes
0
Downloads
72
Comments
0

2 Embeds 3

http://arenero.wikispaces.com 2
http://www.slideshare.net 1

Accessibility

Upload Details

Uploaded via as OpenOffice

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Formularios en html Presentation Transcript

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