Curs2 2014

PROGRAMARE INTERNET
CURS 2
TAG-uri HTML pentru formulare i controale
--Formulare
<form name="form1" action=" ">
</form>
--Zona de editare
<input name="text1" type="text" value=" ">
Grup de butoane de opiune
<input type="radio" name="RadioGroup1" value="a" checked>a<BR>
<input type="radio" name="RadioGroup1" value="b">b<BR>
<input type="radio" name="RadioGroup1" value="c">c<BR>
Obs: n cazul unui grup de butoane de opiune, toate elementele au acelai nume. Elementele
sunt indexate implicit de la 0, n ordinea n care apar.

checked- elementul care va fi selectat
---Csu de validare
<input name="checkbox" type="checkbox" value="selectat" checked>selectat<br>
---List derulant
<select name="select">
<option value="a" selected>a</option>
<option value="b">b</option>
<option value="c">c</option>
</select>
---Butoane de comand
<input name="button1" type="button" value="inregistrare" onClick="inreg()">
ntr-un script JavaScript, se vor utiliza:

1
form1.text1.value pentru valoarea (textul) din zona de editare

form1.RadioGroup1[0].checked
- pentru a determina butonul de opiune selectat
form1.RadioGroup1[0].value
-pentru a citi valoarea butonului de opiune
form1.RadioGroup1[0].checked=true
- pentru a selecta primul buton de opiune
form1.checkbox.checked
-pentru a determina dac a fost selectat csua de validare
form1.checkbox.value
-pentru a citi valoarea csuei de validare
form1.checkbox.checked=true
form1.checkbox.checked=false
form1.select.options[0].selected
- pentru a selecta csua de validare

- pentru a deselecta csua de validare
- pentru a determina elementul selectat
form1.select.options[0].value
-pentru a citi valoarea unui element
form1.select.options[0].selected=true
-pentru a selecta elemental cu indicele 0
APLICAII CU FORMULARE I CONTROALE HTML

Aplicaia 1
Pentru un numr variabil de studeni, se introduc datele urmtoare:
-numele, prenumele (zon de editare);
-anul (butoane de opiune);
-bursa (csu de validare);
- specializarea (list derulant).
Toate datele vor fi afiate ntr-o tabel HTML.
<html><head><title> Titlul paginii -- Titre de la page</title>
</head>
<script language="JavaScript">
nume=[]; prenume=[]; bursa=[]; anul=[]; specializarea=[];
i=0;
function inreg(){
2
nume[i]=form1.text1.value;
form1.text1.value="";
prenume[i]=form1.text2.value;
form1.text2.value="";
for(j=0;j<=2;j++)
if(form1.RadioGroup1[j].checked) anul[i]=form1.RadioGroup1[j].value;
form1.RadioGroup1[0].checked=true;
if(form1.checkbox1.checked)
bursa[i]="da";
else
bursa[i]="nu";
form1.checkbox1.checked=true;
for(j=0;j<=2;j++)
if(form1.select1.options[j].selected) specializarea[i]= form1.select1.options[j].value;
form1.select1.options[0].selected=true;
i+=1;
}
function afis(){
document.write("<table border=1>")
document.write("<tr><td>Numele</td><td>Prenumele</td><td>Anul</td><td>Specializarea</t
d><td>Bursa</td></tr>");
for(i=0;i<nume.length; i++)
document.write("<tr><td>"+nume[i]+"</td><td>"+prenume[i]+"</td><td>"+anul[i]+
"</td><td>"+specializarea[i]+"</td><td>" +bursa[i]+"</td></tr>");
document.write("</table>");
}
</script>
<body>
<form name="form1" action="">
Nume---Nom <input type="text" name="text1" value=""><br>
Prenume---Prenom <input type="text" name="text2" value=""><br>
<br>
Anul de studiu -- L'annee d'etude<br>
3
<input type="radio" name="RadioGroup1" value="anul 1" checked>anul 1 <br>

<input type="radio" name="RadioGroup1" value="anul 2" >anul 2 <br>
<input type="radio" name="RadioGroup1" value="anul 3" >anul 3 <br>
<br>
<hr>
<input type="checkbox" name="checkbox1" value="da" checked>bursa--bourse<br>
<br>
<select name="select1">
<option value="IE" selected>IE</option>
<option value="CIG">CIG</option>
<option value="FB">FB</option>
</select>
<br>
<input type="button" name="button1" value="inregistrare--enregistrement" onClick="inreg()">
<input type="button" name="button2" value="afisare -- afficher" onClick="afis()">
</form>
</body></html>

Curs2 2014

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Curs2 2014

Încărcat de

Drepturi de autor:

Formate disponibile

PROGRAMARE INTERNET

sunt indexate implicit de la 0, n ordinea n care apar.

ntr-un script JavaScript, se vor utiliza:

form1.text1.value pentru valoarea (textul) din zona de editare

- pentru a determina butonul de opiune selectat

-pentru a citi valoarea butonului de opiune

- pentru a selecta primul buton de opiune

-pentru a determina dac a fost selectat csua de validare

-pentru a citi valoarea csuei de validare

- pentru a selecta csua de validare

- pentru a determina elementul selectat

-pentru a citi valoarea unui element

-pentru a selecta elemental cu indicele 0

APLICAII CU FORMULARE I CONTROALE HTML

<input type="radio" name="RadioGroup1" value="anul 1" checked>anul 1 <br>

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