Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • Pwabd Anx1 Prez

    Încărcat de

    Stefan Gh
    6 vizualizări9 pagini

    Titlu original

    pwabd_anx1_prez

    Drepturi de autor

    © © All Rights Reserved

    Formate disponibile

    PDF, TXT sau citiți online pe Scribd

    Vi se pare util acest document?

    Este necorespunzător acest conținut?

    Raportați acest document

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    Descărcați ca pdf sau txt
    6 vizualizări9 pagini

    Pwabd Anx1 Prez

    Încărcat de

    Stefan Gh

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    Descărcați ca pdf sau txt
    din 9

    Componente HTML în formulare

    ¾ Tagul FORM
    ¾ Componente şi atributele acestora
    ¾ Exemple
    Formular HTML
    Tag de tip formular (FORM)
    <HTML>
    <HEAD><TITLE></TITLE></HEAD>
    <BODY BGCOLOR='white'>
    <B>Say Hello Form</B>
    <FORM ACTION =
    '/servlet/sl314.web.FormBasedHe
    llo' METHOD='POST'>
    Name: <INPUT TYPE='text'
    NAME='name'> <BR>
    <BR>
    <INPUT TYPE='submit'>
    </FORM>
    </BODY>
    </HTML>
    Componente HTML în formulare
    Componentă Tag Descriere
    Textfield <INPUT TYPE='text' ...> Câmp text pentru introducerea unei linii de text.
    Submit button <INPUT TYPE='submit'> Buton pentru transmiterea datelor din formular.
    Reset button <INPUT TYPE='reset'> Buton pentru resetarea valorilor componentelor din formular.
    Checkbox <INPUT TYPE='checkbox' ...> Căsuţe pentru selectarea mai multor opţiuni.

    Radio button <INPUT TYPE='radio' ...> Butoane radio pentru alegerea unei singure opţiuni.
    Password <INPUT TYPE='password' ...> Câmp parolă pentru introducerea unei linii de text.

    Hidden field <INPUT TYPE='hidden' ...> Cămp ascuns – nu e redat în browser dar este trimis la server.
    <SELECT ...>
    Select drop-
    <OPTION ...>... Listă pentru selectare simplă sau multiplă.
    down list </SELECT>

    <TEXTAREA ...> ...


    Textarea Zonă text pentru introducerea mai multor linii de text.
    </TEXTAREA>
    Atribute comune tagurilor INPUT
    − TYPE – specifică tipul; este obligatoriu; valori posibile
    text, submit, reset, checkbox, radio, password,
    şi hidden.
    − NAME – specifică numele; este obligatoriu; este folosit în
    cererea HTTP.
    − VALUE – specifică valoarea default; este opţional;
    valoarea iniţială la prima redare în browser.
    Componenta Textfield
    <INPUT TYPE='text' NAME='name' VALUE='default
    value' SIZE='20'>

    Componenta Submit Button


    <INPUT TYPE='submit'> <BR>
    <INPUT TYPE='submit' VALUE='Register'> <BR>
    <INPUT TYPE='submit' NAME='operation'
    VALUE='Send Mail'> <BR>
    Componenta Reset Button
    <INPUT TYPE='reset'>

    Componenta Checkbox
    <INPUT TYPE='checkbox' NAME='fruit' VALUE='apple'> I like apples <BR>
    <INPUT TYPE='checkbox' NAME='fruit' VALUE='orange'> I like oranges <BR>
    <INPUT TYPE='checkbox' NAME='fruit' VALUE='banana'> I like bananas <BR>

    Componenta Radio Button


    <INPUT TYPE='radio' NAME='gender' VALUE='F'> Female <BR>
    <INPUT TYPE='radio' NAME='gender' VALUE='M'> Male <BR>
    Componenta Password
    <INPUT TYPE='password' NAME='psword' VALUE='secret' MAXSIZE='16'>

    Componenta Hidden
    <INPUT TYPE='hidden' NAME='action' VALUE='SelectLeague'>

    Componenta Textarea
    <TEXTAREA NAME='comment' ROWS='5' COLUMNS='70'>
    This module covers Web application basics: how browsers and Web servers
    were developed and what they do. It also...
    </TEXTAREA>
    Componenta Select
    <SELECT NAME='sports' MULTIPLE>
    <OPTION VALUE='soccer' SELECTED> Soccer
    <OPTION VALUE='tennis'> Tennis
    <OPTION VALUE='ultimate' SELECTED> Ultimate Frisbee
    </SELECT>

    <SELECT NAME='favoriteArtist'>
    <OPTION VALUE='Genesis'> Genesis
    <OPTION VALUE='PinkFloyd' SELECTED> Pink Floyd
    <OPTION VALUE='KingCrimson'> King Crimson
    </SELECT>

    S-ar putea să vă placă și