Scribd Logo
Upload

Welcome to Scribd!

  • HTML Formularios

    Uploaded by

    Martha Estefanie Meza Ronquillo
    18 views16 pages
    como es que se realizan los formulario dentro de html

    Copyright

    © © All Rights Reserved

    Available Formats

    PPT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    como es que se realizan los formulario dentro de html

    Copyright:

    © All Rights Reserved
    Download as PPT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    18 views16 pages

    HTML Formularios

    Uploaded by

    Martha Estefanie Meza Ronquillo
    como es que se realizan los formulario dentro de html

    Copyright:

    © All Rights Reserved
    Download as PPT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 16

    HTML

    FORMULARIOS

    FORMULARIOS
    Los

    formularios web dentro de una pgina web


    permiten al usuario introducir datos los cuales
    son enviados a un servidor para ser
    procesados.

    Los

    formularios web pueden ser usados para


    suscripciones, encuestas, eleccin de
    opciones, enviar palabras para los buscadores
    y tambin para consultar o mostrar informacin.

    Etiquetas
    <form>

    </form> Esta etiqueta encierra al resto


    de etiquetas que pueden componer el
    formulario.
    <input> Es la que permite al usuario meter los
    datos a enviar como texto
    <select> </select> Presenta al usuario una lista
    de opciones para que escoja una.
    <textarea> </textarea> Un espacio donde el
    usuario puede escribir libremente.
    <label> </label> Identifica el tipo de dato que se
    espera con un pequeo texto al lado de cada
    campo.

    Atrubutos
    <form

    xxxx> </form>

    method especifica la forma en la que los


    datos del formulario son enviados ya sea get
    o post

    action indica el destino de los datos.

    enctype se usa para indicar la forma en que


    viajar la informacin que se mande a travs
    del formulario. La ms comn es que la
    informacin se enva como texto plano
    (enctype=text/plain)

    Atributos
    <html>
    <head>
    <title>mi formulario</title>
    </head>
    <body>
    <form method="post" action="mailto:webmaster@ignside.net"
    enctype="text/plain">
    </form>
    </body>
    </html>

    Atributos
    <input

    xxxx />

    type
    "text"

    permitimos la entrada de texto por el usuario.

    "password"

    el texto introducido no se visualiza en la pantalla.

    "submit"
    no genera un campo de entrada, sino un botn, y es el
    que, al pulsarlo, ordena el envi de la informacin a su destino.
    "reset"
    presenta un botn que, al ser pulsado, borra todos los
    campos del formulario.
    name

    identificativo.

    value

    presentar al usuario un valor por defecto.

    size

    longitud del campo de introduccin de datos.

    maxlength

    nmero mximo de caracteres que puede teclear el usuario.

    Atributos
    <input

    xxxx />

    type=hidden"se trata de un campo oculto, y


    como tal, no sirve para que el usuario remita
    informacin.
    type=image"se pulsa sobre una imagen.
    Requiere el atributo src=""
    type="file" permite subir archivos al servidor
    de la pgina Web.
    type="radio" el usuario puede seleccionar una
    de varias opciones disponibles
    type="checkbox" el usuario puede escoger ms
    de una de las opciones presentadas.

    Ejemplos
    <form>
    <input type="text" name="remitente" value=""
    size="35" maxlength="10">
    <input type="password" name="contrasea"
    size="35" maxlength="10">
    <input type="submit" value="Enviar consulta">
    </form>

    Ejemplos
    <form>
    <input type="text" name="remitente"
    value="escribe algo aqu" /><input
    type="reset/>
    </form>
    <form>
    <input type="file" name="cualquierarchivo">
    </form>

    Ejemplos
    <form>
    <h3>selecciona tu editor favorito:</h3>
    <input type="radio" name="editorfavorito"
    value="html-kit"/>
    html-kit <br />
    <input type="radio" name="editorfavorito"
    value="front-page"/>
    front-page <br/>
    </form>

    Ejemplos
    <form>
    <b>selecciona tu editor favorito:</b><br />
    <input type="radio" name="editorfavorito2"
    value="html-kit" checked /> html-kit <br />
    <input type="radio" name="editorfavorito2"
    value="front-page"/>
    front-page <br/>
    </form>

    Ejemplos
    <form>
    <b>selecciona tu helado favorito:</b><br />
    <input type="checkbox" name="chocolate"
    value="yes" checked /> chocolate <br />
    <input type="checkbox" name="limon"
    value="yes"/> lemon <br/>
    </form>

    Atributos
    <select

    xxxx> </select>

    name="helados" Le da un nombre al men.


    size="6" Ajusta la ventana del men al tamao deseado.
    mltiple Seleccionar varios tems de la lista de abajo
    pulsando ctrl o shift

    <option

    xxxxx></option>

    name="helados" Le da nombre articulo del men.


    selected La opcin que aparece seleccionada por
    defecto es la primera de la lista

    Ejemplos
    <form>
    <select name="helados">
    <option value="chocolate">chocolate</option>
    <option value="limon">limn</option>
    <option value="fresa">fresa</option>
    <option value="nata">nata</option>
    <option value="pistacho">pistacho</option>
    <option value="turron">turrn</option>
    </select>
    </form>

    Atributos
    <textarea

    xxxx> </textarea>

    name Agrega un nombre a el recuadro.


    cols
    Define un numero de col,umnas.
    rows
    Define un numero de filas.
    readonly impide que el contenido escrito en el rea de
    texto pueda ser editado por quienes vean la pgina
    disabled desactiva el elemento no puede ser editado por
    el usuario, tampoco ser enviado con el formulario ni
    puede tener el foco del navegador.

    Ejemplos
    <textarea name="comentarios" rows="5"
    cols="45">
    </textarea>

    You might also like