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端的脚本 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

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

Target Özniteliği

target Öznitelik, formu gönderdikten sonra yanıtın nerede görüntüleneceğini belirler.

target Öznitelik aşağıdaki değerlerden biri ile ayarlanabilir:

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 tüm gövdesinde 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çlar yeni bir tarayıcı etiketinde açılacaktır:

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

Kişisel Deneyim

Method Özniteliği

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

Form verileri URL değişkenleri olarak kullanılabilir (kullanarak method="get") veya HTTP post işlemleri olarak (kullanarak 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 hassas verileri göndermeyin! (Gönderilen form verileri URL'de görülür!)
  • URL uzunluğu sınırlıdır (2048 karakter)
  • Kullanıcıların sonuçları yer imlerine eklemek istediği form gönderimleri için çok faydalıdır
  • GET, Google'daki arama dizgileri gibi güvenli olmayan veriler için uygundur

POST hakkında dikkat edilmesi gerekenler:

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

İpucu:Form verilerinde hassas bilgiler veya kişisel bilgiler içeriyorsa, lütfen POST kullanın!

Autocomplete Özniteliği

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

Otomatik tamamlama işlevi etkinleştirildikten sonra, tarayıcı kullanıcıların önceki girdilerine göre değerleri otomatik olarak dolduracaktır.

Örnek

Otomatik doldurma işlevini etkinleştirilen form:

<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ı belirtir.

Ö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ı belirtir.
action Formu gönderirken form verilerinin gönderileceği yeri belirtir.
autocomplete Formun otomatik tamamlama (doldurma) fonksiyonunu etkinleştirip etkinleştirilmeyeceğini belirtir.
enctype Form verilerini sunucuya gönderirken nasıl kodlanacağını belirtir (sadece method="post" için geçerlidir).
method Form verilerini gönderirken kullanılacak HTTP yöntemini belirtir.
name Form adını belirtir.
novalidate Formu gönderirken form verilerinin doğrulanmamasını belirtir.
rel Bağlantı kaynakları ve mevcut belge arasındaki ilişkiyi belirtir.
target Formu gönderdikten sonra alacağınız yanıtı nerede görüntülemek gerektiğini belirtir.