Tema 5: Formulare

Atributele HTML utilizate n formulare

Tag-ul <form> ... </form> include urmatoarele atribute:

name - este numele formularului, folosit de scripturi VB (Visula Basic) sau JavaSript. Atribut obligator, dac pe pagin sunt mai multe formulare.
action - se scrie adresa URL, pe care va fi transmis informaia setat de utilizator.
method - se scrie get (import viteza de transmisie) , sau post (import securitatea datelor). Aceste valori specifica ce metoda HTTP va fi folosit
pentru a trimite coninutul formularului
la server.

target - numele ferestrei de dialog, unde va fi vizualizat rspunsul primit de utilizator dup transmiterea datelor prin intermediul formularului.

<form action=http://www.adresa.md method=get

...
</form>

>

Alte tipuri de elemente folosite n formulare WEB

Tagul

<INPUT>.. </INPUT>

permite includerea urmtorelor elemente n formular:

Cmpuri text/password -

1.

atribut

folosite pentru introducerea de texte i parole.

valoare
a
text
text

descrierea

type
name
maxlength

numar

numrul maxim de caractere pe care le

poate

size

numr

lungimea vizibil a cmpului

value

text

textul afiat n cmpul gol

disabled

disable
dreadonl

blochiaz cmpul pentru alte modificri

readonly

tipul cmpului n formular

numele cmpului n formular

cmpul este accesibil doar pentru a fi citit

2.

Cmpuri checkbox

- pot fi selectate mai multe valori.

<form>
Ce limba vorbesti:<br/>
<input type="
" name="lan1" value="english" checked> engleza
<input type="
" name="lan2" value="german"> germana
<input type="
" name="lan3" value="francais"> franceza
</form>

3.

Cmpuri radio doar o singur opiune dintr-un grup de opiuni disponibile:

<form>
Studii:
<input type="
<input type="
</form>

4.

" name=Studii> Licenta </input>

" name=Studii> Master </input>

Cmpuri textarea pentru editarea textelor poate s includ urmtoarele atribute:

cols numrul de caractere al fiecarui rand;
rows numarul de randuri al campului de editare;
wrap transferul cuvintelor din rnd n rnd:
off transferul nu are loc;
virtual transferul este reflectat, dar pe server linia este nedivizat;
physical transferul are loc pe ecran i pe server .
disabled- blochiaz cmpul pentru alte modificri;
readonly - cmpul este accesibil doar pentru a fi citit.

<form>
<textarea cols="20" rows ="2" wrap="off"></textarea><br/>
<textarea cols="30" rows ="4" wrap="virtual"></textarea><br/>
<textarea cols="45" rows ="5" wrap="physical"></textarea>
</form>

5.

Cmpuri file pentru a trimite un fiier.

<input type="file" name=load size=50>
<form>
Incarca o fotografie <input type="file" name="file">
</form>

6.

Alte tipurri

Exist patru tipuri de butoane:

submit -

reset permite restabilirea mrimilor implicite

n formular. Atribute: type="reset" tipul butonului;
name denumirea butonului;
value nscrierea de pe buton.
<form>
<input type="submit" value="Trimite"> </input>
<input type="reset" value="Sterge"> </input>
</form>

image buton grafic de trimitere a datelor ctre server: Atribute: type="image" tipul butonului;
name denumirea butonului;
src adresa imaginei.

button buton aleator, aciunea este stabilit de programator. Atribute:

type="button" tipul butonului;
name denumirea butonului;
value - nscrierea de pe buton;
onclick indic aciunea executat la un click pe buton
<form>
<input type="submit" name="submit" value="Trimite">
<input type="image" name="but_image" src="but.jpg">
<input type="reset" name="reset" value="Anuleaza">
<input type="button" name="button" value="Prima pagina">
</form>

7.

trimite ctre server datele incluse n formular. Atribute:

name denumirea butonului;
value nscrierea de pe buton.

Llistele pot fi cu o singur

Atributele tag-ului

type="submit" tipul butonului;

variant de selecie din lista de valori sau mai multe variante de selecie.
<select> :

name denumirea listei. Orice element selectat din list va fi transmis pe server cu urmtorul nume:
name.value, unde (value) se ia din tag-ul <option>.
size vizualizarea listei: 1- o list simpl derulant; >1 o list cu bar de derulare.
multiple permite mai multe variante de selecie din list.

Atributele tag-ului <option>:

selected permite marcarea unei valori posibile din list, n cazul listei cu mai multe variante de selecie, pot fi marcate mai multe valori.
Value - valoarea va fi transmis pe server, dac a fos ales.
<select name="language" size="1">
<option selected value="html">html