HTML Form Elemanları

Bu bölümde tüm HTML form öğelerini açıklar.

<input> Eleman

En önemli biçim unsurdur <input> öğesi.

<input> elemanı bağlı olarak bir çok şekilde değişebilir type öznitelik.

<select> Eleman (Drop-Down List)

<select> öğesi bir açılır listeyi tanımlar:

<option> öğeleri seçmek için seçenekler tanımlar.

Seçilen olarak liste normalde ilk öğeyi gösterecektir.

Sen önceden tanımlanmış bir seçeneği tanımlamak için seçilen özelliğini ekleyebilirsiniz.

<textarea> Eleman

<textarea> elemanı multi çizgi giriş alanı tanımlar ( a text area ) :

Bu HTML kodunu yukarıda bir tarayıcıda nasıl görüntüleneceğini geçerli:

<button> Eleman

<button> eleman tıklanabilir bir düğme tanımlar:

Bu HTML kodunu yukarıda bir tarayıcıda nasıl görüntüleneceğini geçerli:

HTML5 Form Elemanları

HTML5 Aşağıdaki form elemanları eklendi:

• <datalist>
• <keygen>
• <output>

	Varsayılan olarak, tarayıcılar bilinmeyen unsurları göstermez. Yeni elemanlar sayfanızı yok edemeyecek.

HTML5 <datalist> Eleman

<datalist> öğesi bir için önceden tanımlanmış seçenekler listesini belirtir <input> elemanı.

Kullanıcılar, veri girişi gibi önceden tanımlanmış seçenekler açılır listesini göreceksiniz.

list öznitelik <input> elemanı, başvurmalıdır id oznıtelığı <datalist> elemanı.

Örnek

Bir <input> bir önceden belirlenmiş değerlerle elemanı <datalist> :

<form action="action_page.php">
  <input list="browsers">
  <datalist id="browsers">
    <option value="Internet Explorer">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Opera">
    <option value="Safari">
  </datalist>
</form>

Kendin dene "

HTML5 <keygen> Eleman

Amacı <keygen> elemanı kullanıcıların kimliğini doğrulamak için güvenli bir yol sağlamaktır.

<keygen> öğesi bir formda bir anahtar çifti jeneratör alanını belirler.

Form gönderildiğinde, iki anahtar, özel ve tek kamuoyuna oluşturulur.

Özel anahtar yerel olarak depolanır ve açık anahtar sunucusuna gönderilir.

Genel anahtar gelecekte kullanıcının kimliğini doğrulamak için bir istemci sertifikası oluşturmak için kullanılabilir.

Örnek

Bir keygen alanı ile bir form:

<form action="action_page.php">
  Username: <input type="text" name="user">
  Encryption: <keygen name="security">
  <input type="submit">
</form>

Kendin dene "

HTML5 <output> Eleman

<output> elemanının bir hesaplamanın sonucu temsil eder (bir komut dosyası tarafından gerçekleştirilen bir benzeri).

Örnek

Bir hesaplama yapın ve bir sonuç göster <output> elemanı:

<form action="action_page.asp"
  oninput="x.value=parseInt(a.value)+parseInt(b.value)">
  0
  <input type="range"  id="a" name="a" value="50">
  100 +
  <input type="number" id="b" name="b" value="50">
  =
  <output name="x" for="a b"></output>
  <br><br>
  <input type="submit">
</form>

Kendin dene "

Egzersizleri ile Yourself test edin!

Egzersiz 1 » Alıştırma 2» Egzersiz 3 »

HTML Form Elemanları

= HTML5'teki yeni.