HTML Form Özellikleri

Bu bölüm HTML'yi tanıtmaktadır <form> Elementin farklı özellikleri.

Action Özelliği

action Özellik, formu gönderirken gerçekleştirilecek işlemi tanımlar.

Genellikle, kullanıcı "Gönder" düğmesine tıkladığında, form verileri sunucudaki bir dosyaya gönderilir.

Aşağıdaki örnekte, form verileri "action_page.php" adlı dosyaya gönderilir. Bu dosya, form verilerini işleyen sunucu tarafı betiği içerir:

Örnek

Gönderildikten sonra, form verileri "action_page.php" dosyasına gönderilir:

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

Kişisel Deneyim

Uyarı:Eğer action özelliği atlanırsa, action mevcut sayfa olarak ayarlanır.

Target Özelliği

target Özellik, formu gönderdikten sonra yanıtı nerede görüntülemeyi belirler.

target Özellik, aşağıdaki değerlerden birini ayarlayabilir:

Değer Açıklama
_blank Yanıt, yeni bir pencere veya sekmede görüntülenir.
_self Yanıt, mevcut pencerede görüntülenir.
_parent Yanıt, ana çerçeve'de görüntülenir.
_top Yanıt, pencerenin tam vücutında görüntülenir.
framename Yanıt, adlandırılmış iframe'de görüntülenir.

Varsayılan değeri _self，bu da yanıtı mevcut pencerede açılacağı anlamına gelir.

Örnek

Burada, gönderilen sonuç yeni bir tarayıcı etiketinde açılır:

<form action="/action_page.php" target="_blank">

Kişisel Deneyim

Method Özelliği

Method özelliği, form verilerini gönderirken kullanılacak HTTP yöntemini belirler.

Form verileri URL değişkenleri olarak kullanılabilir ( method="get"）veya HTTP POST işlemleri olarak ( method="post"）gönder。

Form verilerini gönderirken varsayılan HTTP yöntemi GET'tir。

Örnek

Bu örnekte, form verilerini gönderirken GET yöntemini kullanıyoruz:

<form action="/action_page.php" method="get">

Kişisel Deneyim

Örnek

Bu örnekte, form verilerini gönderirken POST yöntemini kullanıyoruz:

<form action="/action_page.php" method="post">

Kişisel Deneyim

GET hakkında dikkat edilmesi gerekenler:

  • Form verilerini URL'e ad/değer çifti olarak ekleyin
  • Asla GET ile duyarlı veri göndermeyin！（Gönderilen form verileri URL'de görüntülenir！）
  • URL uzunluğu sınırlıdır (2048 karakter)
  • Kullanıcıların sonuçları书签 olarak eklemek istediği form gönderimleri için çok kullanışlıdır
  • GET, güvenli olmayan veriler için uygundur, örneğin Google'daki sorgu dizileri

POST hakkında dikkat edilmesi gerekenler:

  • Form verilerini HTTP istemi metninde (gönderilen form verileri URL'de görüntülenmez) ekleyin
  • POST, büyük miktarda veri göndermek için kullanılabilir, boyut sınırlaması yok.
  • POST ile form gönderimi书签 eklenemez

Uyarı:Eğer form verileri duyarlı bilgiler veya kişisel bilgiler içeriyorsa, lütfen POST kullanın!

Otomatik Tamamlama Özelliği

autocomplete Özellik, formun otomatik tamamlama işlevini açıp açmamasını belirler.

Otomatik tamamlama işlevi etkinleştirildikten sonra, tarayıcı kullanıcı tarafından önceki değerlere göre otomatik olarak değer doldurur.

Örnek

Otomatik doldurma işlevini etkinleştirilen formu:

<form action="/action_page.php" autocomplete="on">

Kişisel Deneyim

Novalidate Özelliği

novalidate Özellik bir boolean özelliktir.

Ayarlanmışsa, form verilerinin gönderilirken doğrulanmamasını sağlar.

Örnek

novalidate Özelliği ayarlanmamış form:

<form action="/action_page.php" novalidate>

Kişisel Deneyim

Tüm <form> Özelliklerinin Listesi

Özellik Açıklama
accept-charset Formun gönderilmesi için kullanılacak karakter kodlamasını belirler.
action Formu gönderirken form verilerinin gönderileceği yeri belirler.
autocomplete Formun otomatik tamamlama (doldurma) fonksiyonunu etkinleştirip etkinleştirilmeyeceğini belirler.
enctype Form verilerini sunucuya gönderirken nasıl kodlanacağını belirler (sadece method="post" için geçerlidir).
method Form verilerini gönderirken kullanılacak HTTP yöntemini belirler.
name Formun adını belirler.
novalidate Formu gönderirken form verilerinin doğrulanmamasını sağlar.
rel Bağlantı kaynağı ve mevcut belge arasındaki ilişkiyi belirler.
target Formu gönderdikten sonra alınan yanıtı nerede görüntülemek gerektiğini belirler.