FormulariosEquipo 4Ramírez Eduardo.Sánchez Miguel J.Tobías Carlos.Navarro Artemio.
Acerca de…• El formulario es una interesante  herramienta de toda pagina web. Permite  recabar información ordenada de los...
• Existen varias maneras de guardar la  información que se genera al llenar un  formulario, las cuales, se explican  breve...
• O de otra manera, mas compleja, se envía  a un servidor a través de un programa  determinado que deberá estar instalado ...
• Los formularios están dentro de las  etiquetas <form> y </form>. Los atributos  de la etiqueta de apertura del formulari...
• action="mailto:direcciondecorreo"El formulario será enviado a la dirección decorreo que pongamos.• method="post“Los dato...
Dentro del formulario (1)• input type (entrada de tipo) texto.• name es lo que aparecerá en el mensaje  de correo delante ...
Dentro del formulario (2)Para insertar botones al formulario:• input type submit (enviar).• value será lo que aparezca esc...
Dentro del formulario (3)Para insertar varias líneas de texto alformulario:• <textarea> se sustituye por <text>, para  est...
Dentro del formulario (4)Para insertar un menú para elegir entrevarias opciones:• Se introduce de forma similar al cuadro ...
Dentro del formulario (5)Para insertar un menú para elegir opcionesmúltiples:• Basado en el código anterior, se cambia el ...
Dentro del formulario (6)Para insertar un menú desplegable:• Las opciones de elección se despliegan en  un menú para que e...
Dentro del formulario (7)Para insertar un campo de contraseña:• Empleamos la misma sintaxis que en el  campo de texto de u...
Fuentes:• www.roble.pntic.mec.es/• Manual de HTML. Ángel R. Puente Pérez.• <HTManuaL> Manual de lenguaje HTML de nivel  in...
Próxima SlideShare
Cargando en…5
×

Formularios html

478 visualizaciones

Publicado el

Breve manual para realizar formularios en html

0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
478
En SlideShare
0
De insertados
0
Número de insertados
1
Acciones
Compartido
0
Descargas
22
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Formularios html

  1. 1. FormulariosEquipo 4Ramírez Eduardo.Sánchez Miguel J.Tobías Carlos.Navarro Artemio.
  2. 2. Acerca de…• El formulario es una interesante herramienta de toda pagina web. Permite recabar información ordenada de los visitantes, y almacenar esa información de alguna manera.
  3. 3. • Existen varias maneras de guardar la información que se genera al llenar un formulario, las cuales, se explican brevemente a continuación :• Los datos se pueden guardar en una dirección común de correo electrónico de manera no encriptada.
  4. 4. • O de otra manera, mas compleja, se envía a un servidor a través de un programa determinado que deberá estar instalado en el mismo, para almacenar la información y procesarla.
  5. 5. • Los formularios están dentro de las etiquetas <form> y </form>. Los atributos de la etiqueta de apertura del formulario indicarán la forma de enviar la información, como se presenta a continuación.
  6. 6. • action="mailto:direcciondecorreo"El formulario será enviado a la dirección decorreo que pongamos.• method="post“Los datos se enviarán inmediatamente porcorreo electrónico.• enctype="text/plain“Las respuestas se enviarán sin codificación.
  7. 7. Dentro del formulario (1)• input type (entrada de tipo) texto.• name es lo que aparecerá en el mensaje de correo delante de lo que introduzca el ususario.• size nos indica el tamaño de la caja de texto de una línea. En este caso 10 caracteres.• maxlenght indica la cantidad máxima de caracteres que puede introducir el usuario.
  8. 8. Dentro del formulario (2)Para insertar botones al formulario:• input type submit (enviar).• value será lo que aparezca escrito en el botón.• input type reset en inglés borrar.
  9. 9. Dentro del formulario (3)Para insertar varias líneas de texto alformulario:• <textarea> se sustituye por <text>, para esta etiqueta requiere un cierre (</textarea> ).• cols indica el ancho del cuadro de texto en número de caracteres.• rows indica el número de filas del cuadro de texto. Si el ususario quiere escribir más de 5 líneas, el formulario se lo permite.
  10. 10. Dentro del formulario (4)Para insertar un menú para elegir entrevarias opciones:• Se introduce de forma similar al cuadro de texto de una línea <input> pero, ahora el type es radio, el name es el nombre que le damos a ese grupo de opción, el value lo que aparecerá en el mensaje de correo delante de la opción elegida. Hay que repetir la etiqueta tantas veces como opciones haya que elegir.
  11. 11. Dentro del formulario (5)Para insertar un menú para elegir opcionesmúltiples:• Basado en el código anterior, se cambia el atributo radio por checkbox. Los demás atributos son similares.
  12. 12. Dentro del formulario (6)Para insertar un menú desplegable:• Las opciones de elección se despliegan en un menú para que el usuario elija una con el atributo <select>, </select> y enlistando las opciones en <option value= “OPCION”>, </option>
  13. 13. Dentro del formulario (7)Para insertar un campo de contraseña:• Empleamos la misma sintaxis que en el campo de texto de una línea sustituyendo type= “text” por type= “password”.
  14. 14. Fuentes:• www.roble.pntic.mec.es/• Manual de HTML. Ángel R. Puente Pérez.• <HTManuaL> Manual de lenguaje HTML de nivel inicial, medio y avanzado. Ángel Ricardo Puentes Pérez. 19/12/2008

×