Activitatea nr.6: 27.10-31.10

SARCINA DE LUCUR: 
Includeti in lucrarea d-voastra urmatorul cod si adaptati la continutul site-ului

Elementul BUTTON este folosit pentru a introduce in formular un buton care ofera posibilitati de a fi afisat intr-o maniera ceva mai pretentioasa. Si asta deoarece, spre deosebire de elementul INPUT, acesta are un continut care poate sa cuprinda text sau imagine. E bine ca imaginile sa fie insotite de un text alternativ pentru ca afisarea butoanelor in fereastra programului de explorare Web sa poat fi concludenta si in cazul in care imaginile nu vor fi afisate. Marcarea acestui element necesita atat eticheta de inceput cat si eticheta de sfarsit a controlului corespunzator.

Exemplu:Folosirea elementului BUTTON

<form action="program2.exe" name="form2" id="form2">
<table cellspacing="2" cellpadding="2" border="0">
<tr>
         <td>Introduceti numele cautat</td>
          <td><input type="Text" size= "40"></td>
         <td><button name="Cauta" value="cauta" type="submit">Cauta</button></td>
</tr>
</table>
</form>

Meniuri derulante: Un meniu derulant este o lista de optiuni prestabilite din care utilizatorul poate sa aleaga una sau mai multe valori, in functie de modul in care meniul respectiv a fost declarat in interiorul formularului. Marcarea meniului se realizeaza cu ajutorul elementului SELECT. Fiecare optiune a meniului respectiv se marcheaza cu ajutorul elementului OPTION. Un meniu trebuie sa contina cel putin un element OPTION.

In cazul in care lista contine un numar mare de optiuni, acestea se pot grupa cu ajutorul elementului OPTGROUP.

Exemplu:Folosirea elementului

<form action="prog3.exe" name="form3" id="form3">
<table cellspacing="2" cellpadding="2" border="0">
<tr>
          <td>Orasul:</td>
          <td><input type="text" name="TextOras" size="20"></td>
</tr>
<tr>
          <td valign = "top">Judetul</td>
          <td>
          <select name="JudetSelect" id="JudetSelect">
                   <option>Alba
                   <option>Arad
                   <option>Bacau
                   <option>Bihor
                   <option>Bistrita-Nasaud
                   <option>Brasov
                   <option>Braila
                   <option>Buzau
                   <option>Calarasi
                   <option>Cluj
                   <option>Altele...
          </select></td>
</tr>
<tr>
          <td><button type = "submit" value = "gata">O.K</button></td>
          <td><button type = "reset" value = "sterge">Sterge</button></td>
</tr>
</table>
</form>