Html

Form Bloğu İçinde Kullanılan Input Etiketi ve Özellikleri

Form elemanları <form> … </form> etiketleri arasında yazılır. <form> etiketleri dışında yazılan form elemanı, görsel olarak oluşur fakat etkin değildir. Form özelliği kullanılarak <form> bloku dışında oluşturulan veri giriş elemanı o forma dâhil edilir.

<input> etiketi, genel amaçlı kullanılan form elemanıdır. <input> etiketi içinde kullanılan type özelliğinin alacağı değere göre form elemanını oluşturur. <input> etiketinin kapama etiketi bulunmaz.

Type Özelliğinin Alabileceği Standart Veri Tipleri

Text, tek satırlık yazı yazılabilecek alan ekler.

        Ad:<input type="text" name="isim" /><br />

        Soyad:<input type="text" name="soyisim" />

Password, parola yazmak için kullanılır. Metin kutusuna yazılan karakterler daire karakteri veya yıldız (*) karakteri ile gösterilir.

        Kullanıcı:<input type="text" name="kullanici" /><br />

        Şifre: <input type="password" name="sifre" />

Checkbox, onay kutusu oluşturmak için kullanılır. Çoklu seçim yapmaya izin verir.

        <input type="checkbox" name="kutu1" checked />HTML<br />

        <input type="checkbox" name="kutu2" />CSS<br />

        <input type="checkbox" name="kutu3" />Java Script

Radio, radyo düğmeleri oluşturmak için kullanılır. Onay kutularından farklı olarak çoklu seçim yapılamaz. Name özelliğinin değeri, diğer seçenekler için aynı olmalıdır.

        <input type="radio" name="secim" />Evet<br />

        <input type="radio" name="secim" />Hayır

File, dosya seçim elemanı eklemek için kullanılır. Dosya yükleme işleminde “get metodu” kullanılmaz ve sadece HTML kodları ile dosya yükleme işlemi gerçekleşmez. Dosya yükleme elemanı sadece dosyanın seçilmesini sağlar.

        <input type="file" name="dosya" />

Submit, formdaki verileri kabul eder ve yollar. Reset, formdaki verileri temizler

    <form action="uye.html" method="post">

        <label>Ad Soyad:</label>

        <input type="text" name="ad" autofocus="autofocus"><br />

        <label>e-Posta:</label>

        <input type="email" name="email"><br />

        <label>Şifre:</label>

        <input type="password" name="sifre"><br />

        <input type="radio" name="cinsiyet" value="Erkek" checked="checked"> Erkek <br />

        <input type="radio" name="cinsiyet" value="Kadın"> Kadın<br />

        <input type="submit" value="Gönder">

        <input type="reset" value="Temizle">

    </form>

 
Etiketler
html form input 
İlgili Makaleler
Web Tabanlı Uygulama Geliştirme Dersi Birinci Dönem Birinci Yazılı Çalışma Soruları
TrendYol 2024 - 2025 Süper Lig Fikstür Çekimini Yapan BootStrap Html Uygulaması-1
Web Sayfalarına Youtube Videolarını Ekleme
Input Html Etiketinin Pattern Özelliği
Her Satırda 3 Sütun Olan 6 Satırlık Web Sayfası Tasarımını BootStrap Temayla Oluşturma
Form Bloğu İçinde Kullanılan Input Etiketi ve Özellikleri
Form Bloğu İçinde Kullanılan fieldset ve legend Etiketleri
Form Elemanlarını Kullanarak Web Sayfasında Kayıt Formu Tasarımı
Form Bloğu İçinde Kullanılan Button Etiketi ve Özellikleri
Web Sayfası Tanımı
Jquery Uygulamalarında Ajax İsteği Yapılınca Oluşabilecek Hataları Yakalama
Fenerbahçenin 2024-2025 UEFA Avrupa Ligindeki Grup Aşaması Maç Programını Liste ve Tablo Kullanarak Web Sayfasında Listeleme
Form Bloğu İçinde Form ve Veri Giriş Özellikleri
Her Satırda 3 Sütun Olan 6 Satırlık Web Sayfası Tasarımını 2025 Takvimi İçin Table Etiketiyle Oluşturma
Form Bloğu İçinde Kullanılan TextArea Etiketi ve Özellikleri
Form Bloğu İçinde Kullanılan Progress Etiketi ve Özellikleri
Başakşehirin 2024-2025 UEFA Konferans Ligindeki Grup Aşaması Maç Programını Liste ve Tablo Kullanarak Web Sayfasında Listeleme
Failed to load resource: the server responded with a status of favicon.ico 404 (Not Found) Hatasını Düzeltme
Beşiktaşın 2024-2025 UEFA Avrupa Ligindeki Grup Aşaması Maç Programını Liste ve Tablo Kullanarak Web Sayfasında Listeleme
Web Sayfalarında Etiketlere Ait Pozisyon ve Konum Bilgilerini Core Mvc Projesinde Okul Bahçesi Uygulamasında Kullanma

Yorum Ekle
   
Kötü İyi