SlideShare una empresa de Scribd logo
Formularios en html
LAS ETIQUETAS <FORM> /FORM


   Permiten indicar al navegador que empieza
    un formulario.
   Especifican valores del formulario tales
    como el nombre, método de envío get
    o post y acción)
    Ejemplo:
<form method="post“
     action="mailto:natalia@gmail.com">
............................
............................
</form>
Etiqueta <INPUT>
                     Permite al usuario:
                      introducir datos.
                     Podemos especificar:
  Ejemplo:
                      el tipo de entrada,
<input type="text"
name=“nombre"         nombre,

value=“Nombre"        valores,

size="35"             tamaño.
maxlength="10" >

    Hay diferentes valores para type
Type
   Type = “text”           Ejemplo:
    Especifica una caja   <input type="text“
    de texto.                name=“usuario“
   Type = “Password”:       value=“username“
    Especifica una caja      size="35“ maxlength="10"
    de texto en la que       >
    no se ve lo que se    <input type=“password“
    escribe.                 name=“usuario“
                             value=“password“
                             size="35“ maxlength="10"
                             >
Type = “checkbox”
                            Las casillas de
  Ejemplo:
                             verificación envían
<input type=“checkbox“
                             su valor solo si son
   name="moto" value="Si">
                             seleccionadas.
Moto
                            Permiten seleccionar
<input type=“checkbox“
                             múltiples opciones.
   name="coche“
   value="Si"> coche
Type = “radio”
   Permite elegir        Ejemplo:
    una única opción    Sexo:
    entre varias.       <input type=“radio“
                           name="tipoSexo“
    El valor de name      value=“Femenino">
    de los distintos    <input type=“radio“
    radio que              name="tipoSexo“
                           value=“Masulino">
    correspondan del
    mismo tipo será
    el mismo.
<select> ..... </select>
   Permite realizar        Ejemplo:
    una lista con         <SELECT
    distintos valores        NAME="Colores"
    que puede elegir         MULTIPLE>
    el usuario.              ..................
   Como atributos        </SELECT>
    tenemos name,
    size o múltiple. El
    cual permite
    seleccionar mas
    de una opción.
<option>
Con esta etiqueta             Ejemplo:
  definimos las distintas   <option value=“1">
  opciones que puede              valor 1
  elegir el usuario.        </option>
                            <option value=“2" >
                               valor 2
                            </option>
                            <option value=“3" >
                               valor 3
                            </option>
<Textarea>.... </Textarea>
   Definimos un área     Ejemplo:
    de texto donde el   <textarea cols=20
    usuario podrá          rows=10
    añadir un              name=“texto” >
    comentario.         </textarea>
   Podemos darle un
    nombre y definir
    su tamaño con
    cols (columnas) y
    rows. (filas).
Type = “submit”
   Genera un botón          Ejemplo:
    que al ser pulsado     <input type="submit"
    enviará los datos      value="ENVIAR”>
    escritos en el
    formulario.
   El texto que aparece
    en el botón es el
    especificado en
    value.
Type = “reset”
  Ejemplo:               Al ser pulsado
<input type=“reset"       borra el contenido
value=“Borrar">           del formulario.
                         El texto que
                          aparece en el
                          botón es el
                          especificado en
                          value.

Más contenido relacionado

PDF
Formularios html
PDF
5 formularios - javascript
DOCX
Taller
DOCX
Especificar un documento de clase
PPTX
Visual
PPTX
Pasos para resolver bd leer-basico
DOCX
Insertar objetos de formulario
Formularios html
5 formularios - javascript
Taller
Especificar un documento de clase
Visual
Pasos para resolver bd leer-basico
Insertar objetos de formulario

La actualidad más candente (13)

PPT
Tecnologia Web - HTML
PPS
Estructura If Else If
PPT
Tutorial net beans
PPTX
Creación indices y constraints en bases de datos de sql server
PDF
Unidad educativa
PPT
Dreamweaver
DOCX
Doc1 html5 para subir
PPTX
Creación Indices y Constraints en bases de datos de SQL Server
DOCX
Uso de la función InputBox y MsgBox
DOCX
Jhoan santiago babativa chavez
PDF
TALLER DREAMWEAVER
DOCX
Estructuras basicas
PPTX
Formato condicional
Tecnologia Web - HTML
Estructura If Else If
Tutorial net beans
Creación indices y constraints en bases de datos de sql server
Unidad educativa
Dreamweaver
Doc1 html5 para subir
Creación Indices y Constraints en bases de datos de SQL Server
Uso de la función InputBox y MsgBox
Jhoan santiago babativa chavez
TALLER DREAMWEAVER
Estructuras basicas
Formato condicional
Publicidad

Destacado (9)

PPTX
Formularios html
DOCX
Formulario en html 5
PPT
Exposición4 insertar ppt de slideshare y videos de youtube
PDF
Formularios html
PPTX
Comunicacion entre formularios HTML y paginas JSP
DOCX
Formulario en html 5
DOCX
Formulario html 5 pipe
PPTX
Exposicion lineas Paralelas
PPT
Formulario Html
Formularios html
Formulario en html 5
Exposición4 insertar ppt de slideshare y videos de youtube
Formularios html
Comunicacion entre formularios HTML y paginas JSP
Formulario en html 5
Formulario html 5 pipe
Exposicion lineas Paralelas
Formulario Html
Publicidad

Similar a Formularios en html (20)

DOC
Formularios en html
PDF
Parámetros
DOCX
Trabajo2015
DOCX
Perez y sus cartas
PDF
Frames y formularios en html
DOCX
Formularios (Photoshop)
PDF
Formularios html
 
PDF
Clase 11 formularios
DOCX
Frames-Formularios
PPTX
Aprendiendo php 3
DOCX
Formularios
PDF
Atributos autofocus-etc
PPSX
Curso HTML 5 & jQuery - Leccion 4
PPT
Formularios
DOCX
Formulario de seminario
DOCX
Formulario de seminario
Formularios en html
Parámetros
Trabajo2015
Perez y sus cartas
Frames y formularios en html
Formularios (Photoshop)
Formularios html
 
Clase 11 formularios
Frames-Formularios
Aprendiendo php 3
Formularios
Atributos autofocus-etc
Curso HTML 5 & jQuery - Leccion 4
Formularios
Formulario de seminario
Formulario de seminario

Formularios en html

  • 2. LAS ETIQUETAS <FORM> /FORM  Permiten indicar al navegador que empieza un formulario.  Especifican valores del formulario tales como el nombre, método de envío get o post y acción)  Ejemplo: <form method="post“ action="mailto:natalia@gmail.com"> ............................ ............................ </form>
  • 3. Etiqueta <INPUT> Permite al usuario:  introducir datos. Podemos especificar:  Ejemplo:  el tipo de entrada, <input type="text" name=“nombre"  nombre, value=“Nombre"  valores, size="35"  tamaño. maxlength="10" > Hay diferentes valores para type
  • 4. Type  Type = “text”  Ejemplo: Especifica una caja <input type="text“ de texto. name=“usuario“  Type = “Password”: value=“username“ Especifica una caja size="35“ maxlength="10" de texto en la que > no se ve lo que se <input type=“password“ escribe. name=“usuario“ value=“password“ size="35“ maxlength="10" >
  • 5. Type = “checkbox”  Las casillas de  Ejemplo: verificación envían <input type=“checkbox“ su valor solo si son name="moto" value="Si"> seleccionadas. Moto  Permiten seleccionar <input type=“checkbox“ múltiples opciones. name="coche“ value="Si"> coche
  • 6. Type = “radio”  Permite elegir  Ejemplo: una única opción Sexo: entre varias. <input type=“radio“ name="tipoSexo“  El valor de name value=“Femenino"> de los distintos <input type=“radio“ radio que name="tipoSexo“ value=“Masulino"> correspondan del mismo tipo será el mismo.
  • 7. <select> ..... </select>  Permite realizar  Ejemplo: una lista con <SELECT distintos valores NAME="Colores" que puede elegir MULTIPLE> el usuario. ..................  Como atributos </SELECT> tenemos name, size o múltiple. El cual permite seleccionar mas de una opción.
  • 8. <option> Con esta etiqueta  Ejemplo: definimos las distintas <option value=“1"> opciones que puede valor 1 elegir el usuario. </option> <option value=“2" > valor 2 </option> <option value=“3" > valor 3 </option>
  • 9. <Textarea>.... </Textarea>  Definimos un área  Ejemplo: de texto donde el <textarea cols=20 usuario podrá rows=10 añadir un name=“texto” > comentario. </textarea>  Podemos darle un nombre y definir su tamaño con cols (columnas) y rows. (filas).
  • 10. Type = “submit”  Genera un botón  Ejemplo: que al ser pulsado <input type="submit" enviará los datos value="ENVIAR”> escritos en el formulario.  El texto que aparece en el botón es el especificado en value.
  • 11. Type = “reset”  Ejemplo:  Al ser pulsado <input type=“reset" borra el contenido value=“Borrar"> del formulario.  El texto que aparece en el botón es el especificado en value.