HTML Form Özellikleri Devamı 2

Label for özelliği

For : for tagına atanan isim, diğer tagların id numarasında kullanıldığında. Label, id numarası kullanılan tagla aynı özelliği alır.

 

<form>

  <label for="etiketbir">etiket bir</label>

  <input type="radio" name="etiket" id="etiketbir" value="etiketbir"><br>

  <label for="etiketiki">etiket iki</label>

  <input type="radio" name="etiket" id="etiketiki"value="etiketiki" ><br><br>

  <input type="submit" value="Submit">

</form>

Fieldset özelliği

Fieldset: hazır form tasarımı, legend: form başlığı. Alabileceği değerler.

Disabled: yalnızca okunabilir text alanı, Form: form işlemleri, Name: isim

<fieldset>

<legend>başlık:</legend>

 bu alana istediğiniz etiketi tanıtabilirsiniz   </fieldset>

Fieldset - legend özelliği

Lengend: fieldset başlık alanı. Alabileceği değerler.

Aling etiketi ile kulanılır = Left: sol, fight: sağ, top: üst, bottom: alt

<fieldset>

    <legend align="right">Başlık:</legend>  

 bu alana istediğiniz etiketi tanıtabilirsiniz   </fieldset>

 Select  özelliği

select : açılır liste alanı. Alabileceği değerler.

Disabled: müdahale edilemeyen alan, yalnızca okunabilen alan.

Form: select tagında bulunan form etiketine verilen isim, form tagında bulunan id etiketine de verilerek, select  tagı ile form tagı arasında ilişkilendirme yapılır.  

Multiple: çoklu seçim yapma imkanı sunar. Shift tuşu yardımı ile birden fazla seçim yapabilirsiniz.

Name: select tagına isim vermenize imkan tanır.

Required: boş geçilemeyecek, mecburi alan.

Size: sayfa yüklendiğinde listede görünecek eleman sayısı.

<select>

  <option value="mavi">Mavi</option>

  <option value="mor">Mor</option>

  <option value="beyaz">Beyaz</option>

</select>

Select - Optgroup özellikleri:

Optgroup : açılır liste iç başlık alanı. Alabileceği değerler

Label : metin alanı, disabled : müdahale edilemeyen alan.

<select>

  <optgroup label="başlık etiketi">

    <option value="bir">bir</option>

    <option value="iki">iki</option>

  </optgroup>

  <optgroup label="başlık etiketi iki" disabled>

    <option value="tekrarbir">tekrarbir</option>

    <option value="tekrariki">tekrariki</option>

  </optgroup>

</select>

Select - Option özellikleri: 

Select – option:  açılır liste de, seçenek tanımlama alanı. Alabileceği değerler.

Disabled: yalnızca okunabilir alan.

Label: metin alanı.

Selected: seçili olarak gelen alan.

Value: option değeri.

çalışmalara ait örnek link:

form özellikleri html