Scribd Logo
Upload

Welcome to Scribd!

  • Desarrollo Web PDF

    Uploaded by

    asmamava31088
    35 views4 pages

    Original Title

    Desarrollo_web.pdf

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    35 views4 pages

    Desarrollo Web PDF

    Uploaded by

    asmamava31088

    Copyright:

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

    FUOC XP04/90791/00021

    Software libre

    Elementos del formulario


    HTML proporciona una gran variedad de elementos de entrada para
    los formularios. Estos elementos permiten desde introducir texto hasta enviar ficheros.

    Elemento <INPUT>
    El elemento INPUT es quizs el ms conocido y usado de los elementos de los formularios. Acta como un campo de entrada, disponiendo de diversos tipos de elementos INPUT en funcin del valor
    del atributo TYPE:

    TYPE=RADIO: permite escoger entre mltiples opciones, pero


    slo una de las del mismo nombre.
    TYPE=RESET: pone en blanco todo el formulario.
    TYPE=TEXT: permite la entrada de una lnea de texto.
    TYPE=PASSWORD: permite la entrada de una lnea de texto
    mostrando en lugar de ste caracteres como *, usado generalmente para entrada de contraseas.
    TYPE=CHECKBOX: permite escoger una o varias opciones
    mltiples.
    TYPE=SUBMIT: acepta los datos entrados en el formulario y
    ejecuta la accin especificada.
    TYPE=HIDDEN: campo de texto no visible para el usuario.
    Usado para conservar valores.

    ANOTACIONES

    El elemento INPUT dispone, adems, de otros atributos opcionales:

    NAME: da nombre al campo. Es importante ponerlo para despus poder procesarlo desde nuestros programas.
    VALUE: otorga un valor inicial al campo.
    SIZE: tamao en el caso de los campos TEXT y PASSWORD.
    MAXLENGTH: longitud mxima aceptada de la entrada del
    usuario (campos TEXT y PASSWORD).
    78

    FUOC XP04/90791/00021

    Desarrollo de aplicaciones web

    CHECKED: en caso de RADIO o CHECKBOX si sta est marcada o no por defecto.


    Elemento SELECT

    El elemento SELECT nos permite seleccionar una o varias de las opciones presentadas.

    Un ejemplo de elemento SELECT sera:

    <SELECT name=destino>
    <option> frica
    <option> Antrtida
    <option> Amrica
    <option> Asia
    <option> Europa
    <option> Oceana
    </SELECT>

    Los atributos que ofrece el elemento SELECT son:


    SIZE: el tamao en pantalla del elemento SELECT. Si es uno,
    slo nos mostrar una opcin y el elemento SELECT actuar
    como una lista desplegable. Si es mayor que uno, veremos
    una lista de seleccin.
    MULTIPLE: si lo indicamos, podremos elegir ms de una opcin.
    El elemento OPTION dispone de dos atributos:
    VALUE: el valor que se asignar a la variable al seleccionar
    esta opcin.

    ANOTACIONES

    SELECTED: qu opcin quedar seleccionada por defecto.

    Elemento TEXTAREA

    El elemento TEXTAREA nos permite recoger del usuario elementos


    de texto de mltiples lneas. El formato es el siguiente:
    <TEXTAREA name=comentarios cols=30 rows=6>
    Introduzca comentarios sobre la pgina
    </TEXTAREA>
    79

    FUOC XP04/90791/00021

    Software libre

    Cabe destacar que el contenido encerrado entre <TEXTAREA> y


    </TEXTAREA> ser considerado el valor inicial del campo. Los atributos que nos ofrece TEXTAREA son:

    ROWS: filas que ocupar la caja de texto.


    COLS: columnas que ocupar la caja de texto.

    Podemos ver a continuacin un ejemplo de este formulario bsico


    construido con los elementos presentados anteriormente.
    Figura 9.

    ANOTACIONES
    80

    FUOC XP04/90791/00021

    Desarrollo de aplicaciones web

    El cdigo HTML que ha producido este resultado es el siguiente:

    <HTML>
    <HEAD>
    <TITLE>Ttulo del documento</TITLE>
    </HEAD>
    <BODY>
    <H1>Prueba de formulario</H1>

    ANOTACIONES

    <FORM METHOD=GET>
    Nombre: <INPUT TYPE=TEXT NAME=NOMBRE SIZE=10><BR>
    Apellidos: <INPUT TYPE=TEXT NAME=APELLIDOS SIZE=30><BR>
    Clave: <INPUT TYPE=PASSWORD NAME=PASS SIZE=8><BR>
    <HR>
    Sexo: <BR>
    <INPUT TYPE=RADIO NAME=SEXO>Hombre
    <INPUT TYPE=RADIO NAME=SEXO>Mujer
    <BR>
    Aficiones:<BR>
    <INPUT TYPE=CHECKBOX NAME=DEPORTES>Deportes
    <INPUT TYPE=CHECKBOX NAME=MUSICA>Msica
    <INPUT TYPE=CHECKBOX NAME=LECTURA>Lectura
    <BR>
    Procedencia:<BR>
    <SELECT name=PROCEDENCIA>
    <option> frica
    <option> Antrtida
    <option> Amrica
    <option> Asia
    <option> Europa
    <option> Oceana
    </SELECT>
    <HR>
    Dnde le gustara viajar:<BR>
    <SELECT name=destino MULTIPLE SIZE=4>
    <option> frica
    <option> Antrtida
    <option> Amrica
    <option> Asia
    <option> Europa
    <option> Oceana
    </SELECT>
    <BR>
    Opine:
    <BR>
    <TEXTAREA COLS=25 ROWS=10 NAME=OPINA>
    Escriba aqu su opinin!
    </TEXTAREA>
    <HR>
    <INPUT TYPE=SUBMIT> <INPUT TYPE=RESET>
    </FORM>
    </BODY>
    </HTML>
    81

    You might also like