HTML Eğitimi

HTML ANA SAYFA HTML'ye Giriş HTML Düzenleyiciler HTML Temel HTML Öğeleri HTML Özellikleri HTML Başlıkları HTML Paragrafları HTML Stilleri HTML Biçimlendirme HTML Alıntılar HTML Yorumları HTML Renkleri HTML CSS'si HTML Bağlantıları HTML Görselleri HTML Sık Kullanılan Simgesi HTML Tabloları HTML Listeleri HTML Bloğu ve Satır İçi HTML Sınıfları HTML Kimliği HTML İç Çerçeveleri HTML JavaScript'i HTML Dosya Yolları HTML Başlığı HTML Düzeni HTML Duyarlı HTML Bilgisayar Kodu HTML Semantiği HTML Stil Kılavuzu HTML Varlıkları HTML Sembolleri HTML Emojileri HTML Karakter Seti HTML URL Kodlaması HTML'ye karşı XHTML

HTML Formları

HTML Formları HTML Formu Nitelikleri HTML Form Öğeleri HTML Giriş Türleri HTML Girdi Nitelikleri HTML Giriş Formu Nitelikleri

HTML Grafikleri

HTML Kanvas HTML SVG'si

HTML Ortamı

HTML Ortamı HTML Videosu HTML Ses HTML Eklentileri HTML YouTube

HTML API'leri

HTML Coğrafi Konum HTML Sürükle/Bırak HTML Web Depolama HTML Web Çalışanları HTML ÖAM

HTML Örnekleri

HTML Örnekleri HTML Testi HTML Alıştırmaları HTML Sertifikası HTML Özeti HTML Erişilebilirliği

HTML Referansları

HTML Etiket Listesi HTML Özellikleri HTML Genel Nitelikleri HTML Tarayıcı Desteği HTML Olayları HTML Renkleri HTML Kanvas HTML Ses/Video HTML Doktipleri HTML Karakter Kümeleri HTML URL Kodlaması HTML Dil Kodları HTTP Mesajları HTTP Yöntemleri PX'den EM'ye Dönüştürücü Klavye kısayolları

HTML Giriş formu* Nitelikler


Bu bölüm form*, HTML <input>öğesinin farklı özniteliklerini açıklar.


form Özelliği

input niteliği, öğenin ait olduğu formformu belirtir .<input>

Bu özniteliğin değeri, ait olduğu <form> öğesinin id özniteliğine eşit olmalıdır.

Örnek

HTML formunun dışında (ancak yine de formun bir parçası) bulunan bir giriş alanı:

<form action="/action_page.php" id="form1">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <input type="submit" value="Submit">
</form>

<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname" form="form1">

Formasyon Özelliği

input formactionözelliği, form gönderildiğinde girişi işleyecek dosyanın URL'sini belirtir.

Not: Bu öznitelik action, <form>öğenin özniteliğini geçersiz kılar.

Özellik formactionşu giriş türleriyle çalışır: gönder ve resim.

Örnek

Farklı eylemlere sahip iki gönder düğmesi olan bir HTML formu:

<form action="/action_page.php">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Last name:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="Submit">
  <input type="submit" formaction="/action_page2.php" value="Submit as Admin">
</form>

formenctype Özniteliği

input formenctype özelliği, gönderildiğinde form verilerinin nasıl kodlanması gerektiğini belirtir (yalnızca method="post" içeren formlar için).

Not:<form> Bu öznitelik, öğenin enctype özniteliğini geçersiz kılar .

Özellik formenctypeşu giriş türleriyle çalışır: gönder ve resim.

Örnek

İki gönder düğmesi olan bir form. İlki, varsayılan kodlamayla form verilerini gönderir, ikincisi "multipart/form-data" olarak kodlanmış form verilerini gönderir:

<form action="/action_page_binary.asp" method="post">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <input type="submit" value="Submit">
  <input type="submit" formenctype="multipart/form-data"
  value="Submit as Multipart/form-data">
</form>

formmethod Özelliği

input formmethod özniteliği, eylem URL'sine form verilerini göndermek için HTTP yöntemini tanımlar.

Not:<form> Bu öznitelik, öğenin yöntem özniteliğini geçersiz kılar .

Özellik formmethodşu giriş türleriyle çalışır: gönder ve resim.

Form verileri, URL değişkenleri (method="get") veya HTTP post işlemi (method="post") olarak gönderilebilir.

"get" yöntemiyle ilgili notlar:

  • Bu yöntem, form verilerini ad/değer çiftlerinde URL'ye ekler.
  • Bu yöntem, bir kullanıcının sonucu işaretlemek istediği form gönderimleri için kullanışlıdır.
  • Bir URL'ye ne kadar veri yerleştirebileceğinizin bir sınırı vardır (tarayıcılara göre değişir), bu nedenle tüm form verilerinin doğru bir şekilde aktarılacağından emin olamazsınız.
  • Hassas bilgileri iletmek için asla "get" yöntemini kullanmayın! (parola veya diğer hassas bilgiler tarayıcının adres çubuğunda görünecektir)

"Posta" yöntemiyle ilgili notlar:

  • Bu yöntem, form verilerini bir HTTP sonrası işlem olarak gönderir.
  • "Posta" yöntemiyle yapılan form gönderimleri işaretlenemez
  • "Post" yöntemi "get" yönteminden daha sağlam ve güvenlidir ve "post"un boyut sınırlaması yoktur.

Örnek

İki gönder düğmesi olan bir form. Birincisi form verilerini method="get" ile gönderir. İkincisi, form verilerini method="post" ile gönderir:

<form action="/action_page.php" method="get">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Last name:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="Submit using GET">
  <input type="submit" formmethod="post" value="Submit using POST">
</form>

formtarget Özniteliği

Giriş formtargetözelliği, formu gönderdikten sonra alınan yanıtın nerede görüntüleneceğini belirten bir ad veya anahtar sözcük belirtir.

Not:<form> Bu öznitelik, öğenin hedef özniteliğini geçersiz kılar .

Özellik formtargetşu giriş türleriyle çalışır: gönder ve resim.

Örnek

Farklı hedef pencereleri olan iki gönder düğmeli bir form:

<form action="/action_page.php">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Last name:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="Submit">
  <input type="submit" formtarget="_blank" value="Submit to a new window/tab">
</form>

formnovalidate Özniteliği

input formnovalidateözelliği, bir <input> öğesinin gönderildiğinde doğrulanmaması gerektiğini belirtir.

Not: Bu öznitelik, öğenin novalidate özniteliğini geçersiz kılar <form> .

Nitelik formnovalidateşu giriş türleriyle çalışır: gönder.

Örnek

İki gönder düğmeli (doğrulamalı ve doğrulamasız) bir form:

<form action="/action_page.php">
  <label for="email">Enter your email:</label>
  <input type="email" id="email" name="email"><br><br>
  <input type="submit" value="Submit">
  <input type="submit" formnovalidate="formnovalidate"
  value="Submit without validation">
</form>

Novalidate Özelliği

Nitelik novalidatebir <form>niteliktir.

Mevcut olduğunda, novalidate, tüm form verilerinin gönderildiğinde doğrulanmaması gerektiğini belirtir.

Örnek

Gönderim sırasında hiçbir form verisinin doğrulanmayacağını belirtin:

<form action="/action_page.php" novalidate>
  <label for="email">Enter your email:</label>
  <input type="email" id="email" name="email"><br><br>
  <input type="submit" value="Submit">
</form>

HTML Formu ve Giriş Öğeleri

Tag Description
<form> Defines an HTML form for user input
<input> Defines an input control

Mevcut tüm HTML etiketlerinin tam listesi için HTML Etiket Referansımızı ziyaret edin .