Html

Form Bloğu İçinde Form ve Veri Giriş Özellikleri

HTML5, form oluştururken formun genelinde otomatik tamamlama yapılmasına ve veri giriş elemanı değerinin veri tipi uyumunun kontrol edilmesine olanak tanır.

Autocomplete özelliği, form elemanlarına daha önce giriş yapılmış ise veri girişi sırasında otomatik tamamlamak için kullanılır. Bu özellik “on” veya “off” değeri alır.

Novalidate özelliği, veri girişi sırasında veri giriş elemanı değerinin veri tipi ile uyumunu kontrol etmemesi için kullanılır.

    <form action="islemyap.html" method="get" autocomplete="on" novalidate>

        <label for="adsoyad">Ad Soyad:</label>

        <input type="text" id="adsoyad" name="adsoyad"><br />

        <label for="eposta">e-Posta:</label>

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

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

    </form>

HTML5, tarayıcı ekranında forma veri girişi sırasında verilerin form elemanı özellikleri ile kontrol edilmesine olanak tanır.

Placeholder, bilgi alanıdır, kullanıcı bir değer girmeden önce giriş alanında görüntülenir.

Autocomplete, form genelinde otomatik tamamlama açık ya da kapalı olduğunda giriş elemanları için otomatik tamamlama kapalıdır. Giriş elemanında bu özelliği kapatmak ya da açmak için autocomplete özelliği giriş elemanında kullanılır.

Autofocus, input etiketi içinde autofocus özelliği varsa sayfa yüklendiğinde imleç, bu giriş elemanına odaklanır. Sadece bir elemanda kullanılmalıdır.

List, önceden tanımlanmış datalist kullanmayı sağlar.

Min ve Max, veri giriş elemanının alacağı en büyük ve en küçük değerleri belirler. Sayı ve tarih için kullanılır.

Pattern; metin, tarih, arama, URL, telefon, e-posta ve şifre giriş türlerinin belirli bir formatta yazılıp yazılmadığını kontrol eder.

Required, gerekli alandır, required ifade eklenen veri giriş elemanının doldurulması zorunludur. Metin, arama, URL, telefon, e-posta, şifre, tarih seçiciler, sayı, onay kutusu, radyo ve dosya veri tipleri ile kullanılabilir.

Step, veri alanına girilebilecek sayı aralığını belirtir. Sayı, tarih, ay, hafta ve saat veri tipleri ile kullanılabilir.

Multiple, eklendiği veri tipine birden çok değer girilmesini sağlar.

    <form action="islem1.html" autocomplete="on">

        <input formmethod="get" placeholder="Form Metodu get|post">

        <input formnovalidate="formnovalidate" placeholder="Veri Tip Uyumu Kontrolsüz"><br />

        <input type="email" id="eposta" name="eposta" autocomplete="on" placeholder="Otomatik açık">

        <input type="date" id="tarihmin" name="tarihmin" min="2021-05-01">

        <input type="number" id="aralik" name="aralik" min="1" max="5" placeholder="max">

        <input type="password" pattern=".{6,}" title="Altı veya daha fazla" placeholder="daha

fazla">

        <input type="password" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" placeholder="Şifre">

        <input type="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$" placeholder="Eposta">

        <input type="url" pattern="https?://.+" placeholder="http:// dâhil edin">

        <input type="number" step="2" placeholder="Çift Sayı">

        <input list="hazirliste"><datalist id="hazirliste">

            <option value="Öğretmen">

            <option value="Öğrenci">

            <option value="Veli">

        </datalist>

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

        <input type="submit" formaction="islem2.html" value="Başka Gönder">

    </form>

 

 


Etiketler
html input form 
İ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
Mevsimleri ve Mevsimlere Ait Ayları Liste Etiketini Kullanarak Web Sayfasında Görüntüleyip BootStrap Acordion Yapıyla Düzenleme
Her Satırda 3 Sütun Olan 6 Satırlık Web Sayfası Tasarımını 2025 Takvimi İçin Table Etiketiyle Oluşturma
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
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

Yorum Ekle
   
Kötü İyi