Sunteți pe pagina 1din 2

FORMS Sintaxa de baza

<FORM ACTION="URL address of application" METHOD="POST/GET"> // </form>

Atribute: action: adresa URL a unui script de pe server care primete datele formularului, le prelucreaz i eventual expediaz un rspuns utilizatorului method: metoda utilizat de browser pentru a transmite datele formularului si care poate fi: get sau post Atributele <fieldset> si <legend>
<fieldset> <legend align="center">Stare civila</legend> Casatorit: <input type="radio" name="caseta1"> Necasatorit: <input type="radio" name="caseta1"> Divortat: <input type="radio" name="caseta1"> Vaduv: <input type="radio" name="caseta1"> </fieldset>

post Aceasta metoda face ca datele trimise prin formular sa nu fie vizibile utilizatorului, sa fie trimise in spatele paginii web. get Prin aceasta metoda, datele trimise prin formular sunt vizibile in URL (URL este adresa ce este afisata in browser). Exemplu: <FORM ACTION="URL address of application" METHOD="POST/GET"> details of the form </form> O forma poate contine 8 tipuri de data entry fields exprimate prin elementul INPUT. Atributele lui input: type (tipul acestora) name value (o valoare initiala) Sintaxa: <INPUT TYPE="field-type" NAME="Name_of_field" VALUE="default_value"> 1. 2. Butoane (submit) Checkbox - casete de validare (checkbox)
<input type=submit name=Buton value=Trimite />

<input type=checkbox name=caseta_de_validare[] value=valoare />

- aici name este un array 3. Fisiere incluse (file)


<input type=file name=fisier value=fisier />

4. Elemente ascunse (hidden) <input type="hidden" name="ascuns" value="ascuns"> 5. 6. 7. Imagini (image) Butoane radio (radio) Casete de introducere a parolei (password)
<input type="image" name="nume imagine" src="poza.jpg" />

<input type="radio" name="Buton Radio" value="valoare buton radio" />

<input type="password" name="Introducere parola" value="Introdu parola" />

8. 9.

Caseta text Trimite / reset (button / reset)

<input type="text" name="text" value="introdu textul" />

<input type="button" name="trimite" value="Trimite" /> <input type="submit" name="trimite" value="Trimite" /> <input type="reset" name="reset" value="Reseteaza" />

10. Elementul select - lista de optiuni (select) a. selectie unica Atributele:


selected face sa fie selectata optiunea respectiva size specifica cate optiuni sunt vizibile disabled lista va fi deselectata <select disabled> <option value = "Zero">Lista deselectata / inactiva </option> </select>

Tag-ul
<optgroup></optgroup> - grupeaza listele <optgroup label = "Lista 1"> <option>Elementul 11 </option> <option>Elementul 12 </option> <option>Elementul 13 </option> </optgroup>

Exemplu:
<select name="lista de optiuni"> <option value="optiune 1">Optiune 1</option> <option value="optiune 2">Optiune 2</option> <option value="optiune 3">Optiune 3</option> <option value="optiune 4" SELECTED>Optiune 4</option> </select>

b. selectie multipla (<select multiple>) Pentru ca sunt mai multe optiuni, name va fi un array.
<select name="optiuni_multiple[]" multiple size="3"> <option value="optiune1">Optiune 1</option> <option value="optiune2">Optiune 2</option> <option value="optiune3">Optiune 3</option> <option value="optiune4">Optiune 4</option> <option value="optiune5">Optiune 5</option> <option value="optiune6">Optiune 6</option> </select>

11. Elementul textarea (textarea)


<textarea name="text area" cols="40" rows="10"></textarea>

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