• Konu İçeriğini Görebilmek İçin Lütfen Üye Olun. Aksi Takdirde İçeriği Göremezsiniz.

Code HTML Giriş Türleri

[ZF] Konu Bilgileri

Konu Hakkında Merhaba, tarihinde HTML\/CSS\/JavaScript kategorisinde Php tarafından oluşturulan HTML Giriş Türleri başlıklı konuyu okuyorsunuz. Bu konu şimdiye dek 168 kez görüntülenmiş, 0 yorum ve 0 tepki puanı almıştır...
Kategori Adı HTML\/CSS\/JavaScript
Konu Başlığı HTML Giriş Türleri
Konbuyu başlatan Php
Başlangıç tarihi
Cevaplar
Görüntüleme
İlk mesaj tepki puanı
Son Mesaj Yazan Php

Php

ZF Genel Sorumlusu
Üye
Katılım
7 Şub 2022
Mesajlar
230
Tepkime puanı
12
Puanları
18
Web sitesi
www.zirvechat.com.tr
Cinsiyet
vtEvVy
Memleket
35 İZMİR
Takım
Beşiktaş

İtibar:

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 :

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>



 
Üst Alt