- Katılım
- 7 Şub 2022
- Mesajlar
- 230
- Tepkime puanı
- 12
- Puanları
- 18
- Web sitesi
- www.zirvechat.com.tr
- Cinsiyet
-
- Memleket
- 35 İZMİR
- Takım
- Beşiktaş
Bu paylaşımda, HTML <input> öğesi için farklı türler açıklanmaktadır .
HTML Giriş Türleri
HTML'de kullanabileceğiniz farklı giriş türleri şunlardır:
<input type="checkbox">
<input type="password">
<input type="radio">
<input type="reset">
<input type="submit">
<input type="text">
İpucu: Özelliğin varsayılan değeri type "metin" dir.
Giriş Türü Metni
<input type="text"> tek satırlık bir metin giriş alanını tanımlar :
Örnek :
Giriş Tipi Parola
<input type="password">bir şifre alanı tanımlar :
Örnek :
Not : Parola alanındaki karakterler maskelenir (yıldız veya daire olarak gösterilir).
Giriş Türü Gönder
<input type="submit"> bir form işleyicisine form verilerini göndermek için bir düğme tanımlar .
Form işleyici, tipik olarak girdi verilerini işlemek için bir komut dosyası içeren bir sunucu sayfasıdır.
Form işleyicisi, formun action özniteliğinde belirtilir :
Örnek :
Gönder düğmesinin değer özelliğini atlarsanız, düğme varsayılan bir metin alır:
Örnek :
Giriş Tipi Sıfırlama
<input type="reset"> tüm form değerlerini varsayılan değerlerine sıfırlayacak bir sıfırlama düğmesi tanımlar :
Giriş değerlerini değiştirir ve ardından "Sıfırla" düğmesini tıklarsanız, form verileri varsayılan değerlere sıfırlanacaktır.
Giriş Tipi Radyo
<input type="radio"> bir radyo düğmesini tanımlar .
Radyo düğmeleri, kullanıcının sınırlı sayıda seçenekten YALNIZCA BİRİNİ seçmesine izin verir:
Giriş Türü Onay Kutusu
<input type="checkbox"> bir onay kutusu tanımlar .
Onay kutuları, kullanıcının sınırlı sayıda seçenek arasından SIFIR veya DAHA FAZLA seçeneği seçmesine izin verir.
HTML Giriş Türleri
HTML'de kullanabileceğiniz farklı giriş türleri şunlardır:
<input type="checkbox">
<input type="password">
<input type="radio">
<input type="reset">
<input type="submit">
<input type="text">
İpucu: Özelliğin varsayılan değeri type "metin" dir.
Giriş Türü Metni
<input type="text"> tek satırlık bir metin giriş alanını tanımlar :
Örnek :
Kod:
<form>
<label for="fname">First name:</label><br>
<input type="text" id="fname" name="fname"><br>
<label for="lname">Last name:</label><br>
<input type="text" id="lname" name="lname">
</form>Giriş Tipi Parola
<input type="password">bir şifre alanı tanımlar :
Örnek :
Kod:
<form>
<label for="username">Username:</label><br>
<input type="text" id="username" name="username"><br>
<label for="pwd">Password:</label><br>
<input type="password" id="pwd" name="pwd">
</form>Not : Parola alanındaki karakterler maskelenir (yıldız veya daire olarak gösterilir).
Giriş Türü Gönder
<input type="submit"> bir form işleyicisine form verilerini göndermek için bir düğme tanımlar .
Form işleyici, tipik olarak girdi verilerini işlemek için bir komut dosyası içeren bir sunucu sayfasıdır.
Form işleyicisi, formun action özniteliğinde belirtilir :
Örnek :
Kod:
<form action="/action_page.php">
<label for="fname">First name:</label><br>
<input type="text" id="fname" name="fname" value="John"><br>
<label for="lname">Last name:</label><br>
<input type="text" id="lname" name="lname" value="Doe"><br><br>
<input type="submit" value="Submit">
</form>Gönder düğmesinin değer özelliğini atlarsanız, düğme varsayılan bir metin alır:
Örnek :
Kod:
<form action="/action_page.php">
<label for="fname">First name:</label><br>
<input type="text" id="fname" name="fname" value="John"><br>
<label for="lname">Last name:</label><br>
<input type="text" id="lname" name="lname" value="Doe"><br><br>
<input type="submit">
</form>Giriş Tipi Sıfırlama
<input type="reset"> tüm form değerlerini varsayılan değerlerine sıfırlayacak bir sıfırlama düğmesi tanımlar :
Kod:
<form action="/action_page.php">
<label for="fname">First name:</label><br>
<input type="text" id="fname" name="fname" value="John"><br>
<label for="lname">Last name:</label><br>
<input type="text" id="lname" name="lname" value="Doe"><br><br>
<input type="submit" value="Submit">
<input type="reset">
</form>Giriş değerlerini değiştirir ve ardından "Sıfırla" düğmesini tıklarsanız, form verileri varsayılan değerlere sıfırlanacaktır.
Giriş Tipi Radyo
<input type="radio"> bir radyo düğmesini tanımlar .
Radyo düğmeleri, kullanıcının sınırlı sayıda seçenekten YALNIZCA BİRİNİ seçmesine izin verir:
Kod:
<form>
<input type="radio" id="male" name="gender" value="male">
<label for="male">Male</label><br>
<input type="radio" id="female" name="gender" value="female">
<label for="female">Female</label><br>
<input type="radio" id="other" name="gender" value="other">
<label for="other">Other</label>
</form>Giriş Türü Onay Kutusu
<input type="checkbox"> bir onay kutusu tanımlar .
Onay kutuları, kullanıcının sınırlı sayıda seçenek arasından SIFIR veya DAHA FAZLA seçeneği seçmesine izin verir.
Kod:
<form>
<input type="checkbox" id="vehicle1" name="vehicle1" value="Bike">
<label for="vehicle1"> I have a bike</label><br>
<input type="checkbox" id="vehicle2" name="vehicle2" value="Car">
<label for="vehicle2"> I have a car</label><br>
<input type="checkbox" id="vehicle3" name="vehicle3" value="Boat">
<label for="vehicle3"> I have a boat</label>
</form>