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 form
formu 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 novalidate
bir <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 .