HTML Formun Ortak Öğelerini Toplamak

Sayfa içeriği

Formun ortak öğelerini toplamak konsepti

Formun Ortak Öğelerini Toplamak, ortak elemanların etrafına kenar çizmek ve formu daha güzel gösteren bir başlık vermek anlamına gelir.
Formun tüm öğelerinin çevresine kenarlıklar çizebileceğin gibi, formun içine yerleştirilmiş öğelerin çevresine de kenarlıklar çizebilirsin.

Öğelerin etrafına kenar eklemek

<fieldset> etiketi, benzersiz bir başlık ekleme yeteneği ile form öğelerinin etrafına kare bir kenarlık eklemek için kullanılır.
Formun başlığı, kutunun satırları içinde çok güzel görünmesi için <legend> etiketi ile eklenir.

Aşağıdaki örnekte, forma kenar ve bir başlık ekledim.

<form>
    <fieldset>
        <legend>Giriş Formu</legend>
        <!-- Burada kenar içinde görünecek elemanları eklemelisin. -->
    </fieldset>
</form>

kod dene

Aşağıdaki örnekte, formdaki öğelere iki gruba ayrılmış görünecek şekilde kenarlıklar ve başlıklar ekledim.

<form>
        <fieldset>
            <legend>Kullanıcı adı</legend>
            <!-- Burada formun içine ilk grup için bir kenarlık ve bir başlık ekledim. -->
        </fieldset>
        <fieldset>
            <legend>Benim dilim</legend>
            <!-- Burada formun içine ikinci grup için bir kenarlık ve bir başlık ekledim. -->
        </fieldset>
</form>

kod dene

Aşağıdaki örnekte, formun kendisine kenar ve bir başlık, içindeki öğelere iki gruba ayrılmış görünecek şekilde bir başlık kenarlığı ekledim.

<form>
    <fieldset>
        <fieldset>
            <legend>Kullanıcı adı</legend>
            <!-- Burada formun içine ilk grup için bir kenarlık ve bir başlık ekledim. -->
        </fieldset>
        <fieldset>
            <legend>Benim dilim</legend>
            <!-- Burada formun içine ikinci grup için bir kenarlık ve bir başlık ekledim. -->
        </fieldset>
    </fieldset>
</form>

kod dene

önceki ders sonraki ders