FORM Tagı
Form tagı ve parametreleri
<form action="bir.php" enctype="multipart/form-data" method="post">
</form>
</form>
| Attribute | Value | Description |
|---|---|---|
| accept-charset | character_set |
Yollanan karaterlerin kodlama türünü belirtir. |
| action | URL |
Form data bilgilerinin nereye yollanacağını belirtir. Tanımlanmazsa site araçlarından birine dönüşür. Bir form gönderildiğinde form verilerinin nereye gönderileceğini belirtir Boş olduğunda veya tanımlanmadığında formun olduğu sayfaya veriler yollanır. |
| autocomplete | on off |
Bir formun otomatik tamamlama özelliğinin açık mı yoksa kapalı mı olacağını belirtir |
| enctype | application/x-www-form-urlencoded multipart/form-data text/plain |
Form bilgilerinin servera yollanırken nasıl kodlanacağını belirtir. (only for method="post") |
| method |
dialog |
Form bilgilerinin gönderilme metodunu belirtir. GET genellikle kısa form bilgileri için kullanır. GET kullanıldığında adres çubuğunda gönderilen form bilgileri görünür. POST genellikle yoğun form bilgileri için kullanılır. Form verilerini gönderirken kullanılacak HTTP yöntemini belirtir |
| name | text | Formun adı |
| novalidate | novalidate | Formun gönderildiğinde doğrulanmaması gerektiğini belirtir. |
| rel | external help license next nofollow noopener noreferrer opener prev search |
Bağlantılı bir kaynak ile geçerli belge arasındaki ilişkiyi belirtir |
| target | _blank _self _parent _top |
Form bilgileri yollandıktan sonra, yollanan sayfanın nerede açılacağını belirtir. |
Enctype Parametresi
| Value | Description |
|---|---|
| application/x-www-form-urlencoded | Varsayılan. Tüm karakterler gönderilmeden önce kodlanır (boşluklar "+" sembollerine dönüştürülür ve özel karakterler ASCII HEX değerlerine dönüştürülür) |
| multipart/form-data | Hiçbir karakter kodlanmaz. Bu değer, dosya yükleme denetimi olan formları kullandığınızda gereklidir |
| text/plain | Boşluklar "+" sembollerine dönüştürülür, ancak özel karakterler kodlanmaz |
GET ile ilgili notlar:
- Form verilerini URL'ye ad/değer çiftleri halinde ekler.
- GET'i ASLA hassas verileri göndermek için kullanmayın! (gönderilen form verileri URL'de görünür!)
- Bir URL'nin uzunluğu sınırlıdır (2048 karakter)
- Kullanıcının sonucu yer imlerine eklemek istediği form gönderimleri için kullanışlıdır.
- GET, Google'daki sorgu dizeleri gibi güvenli olmayan veriler için iyidir.
POST ile ilgili notlar:
- Form verilerini HTTP isteğinin gövdesine ekler (gönderilen form verileri URL'de gösterilmez)
- POST'un boyut sınırlaması yoktur ve büyük miktarda veri göndermek için kullanılabilir.
- POST içeren form gönderimleri yer imlerine eklenemez.
Javascript Olay Çeşitleri
- onsubmit, onreset, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
| Özellik | Açıklama |
|---|---|
| onblur | Öğenin odak noktasını kaybettiği anda tetiklenir. |
| onchange | Öğenin değeri değiştiğinde anında tetiklenir |
| oncontextmenu | Bir bağlam menüsü tetiklendiğinde çalıştırılacak betik |
| onfocus | Öğeye odaklandığı an tetiklenir |
| oninput | Bir öğe kullanıcı girdisi aldığında çalıştırılacak betik |
| oninvalid | Bir öğe geçersiz olduğunda çalıştırılacak betik |
| onreset | Bir formdaki Sıfırla / Reset düğmesine tıklandığında tetiklenir |
| onsearch | Kullanıcı bir arama alanına (<input="search"> için) bir şey yazdığında tetiklenir |
| onselect | Bir öğede bir miktar metin seçildikten sonra tetiklenir |
| onsubmit | Bir form gönderildiğinde tetiklenir |
Örnek
<form action="form_action.asp" method="get">
First name:
<input type="text" name="fname" value="Mickey" />
<br />
Last name:
<input type="text" name="lname" value="Mouse" />
<br />
<input type="submit" value="Submit" />
</form>
<p>
"Submit" butonuna tıklarsanız girdinizi form_action.asp adlı yeni bir sayfaya göndereceksiniz.
</p>
First name:
<input type="text" name="fname" value="Mickey" />
<br />
Last name:
<input type="text" name="lname" value="Mouse" />
<br />
<input type="submit" value="Submit" />
</form>
<p>
"Submit" butonuna tıklarsanız girdinizi form_action.asp adlı yeni bir sayfaya göndereceksiniz.
</p>
Kaynak
Yorumunuzu Ekleyin
