6.1 required atributu
Formlardakı məlumatların validsiyası veb-dəyişmənin vacib bir hissəsidir ki, bu da daxil edilən məlumatların düzgünlüyünü və tamlığını təmin edir. HTML məlumat daxil edilməsini yoxlamaq üçün bir çox daxili atributlar təqdim edir, məsələn, required, pattern, min, max, həmçinin placeholder və value atributları istifadəçi ilə forma arasında qarşılıqlı əlaqəni yaxşılaşdırır.
required atributu, məcburi doldurulmalı olan bir sahəni göstərir. Əgər required kimi işarələnmiş sahə doldurulmazsa, brauzer formanı göndərməyə icazə verməyəcək.
Sintaksis
<input type="text" name="username" required>
İstifadə nümunəsi
<form action="/" method="post">
<label for="username">İstifadəçi adı:</label>
<input type="text" id="username" name="username" required>
<button type="submit">Göndər</button>
</form>
Açıqlama
Əgər required atributu göstərilirsə, istifadəçi formanı göndərməzdən əvvəl sahəni doldurmalıdır. Əgər sahə boşdursa, brauzer səhv mesajı göstərəcək və formanı göndərməyəcək.
6.2 pattern atributu
pattern atributu daxil edilən məlumatların doğruluğunu yoxlamaq üçün regular expressions təyin etməyə imkan verir. Əgər daxil edilən məlumatlar göstərilən şablona uyğun gəlmirsə, brauzer xəta mesajı göstərəcək və formu göndərməyəcək.
Sintaksis
<input type="text" name="username" pattern="[A-Za-z]{3,}">
İstifadə nümunəsi
pattern atributu daxil edilən məlumatların uyğun olmalı olduğu regular expressions-i təyin edir. Bu nümunədə istifadəçi adı yalnız hərflərdən ibarət olmalı və üç simvoldan az olmamalıdır.
<form action="/" method="post">
<label for="username">İstifadəçi adı (yalnız hərflər, minimum 3 simvol):</label>
<input type="text" id="username" name="username" pattern="[A-Za-z]{3,}" required>
<button type="submit">Göndərmək</button>
</form>
6.3 Min və Max atributları
min və max atributları rəqəmli və tarixə aid sahələrdə minimum və maksimum icazəli dəyərləri təyin etmək üçün istifadə olunur.
Sintaksis
<input type="number" name="age" min="18" max="99">
İstifadə nümunəsi
Rəqəmli sahə
min: minimum icazəli dəyəri təyin edir. Bu nümunədə minimum yaş — 18 ildirmax: maksimum icazəli dəyəri təyin edir. Bu nümunədə maksimum yaş — 99 ildir
<form action="/" method="post">
<label for="birthday">Doğum tarixi (1900-01-01-dən 2024-12-31-ə qədər):</label>
<input type="date" id="birthday" name="birthday" min="1900-01-01" max="2024-12-31" required>
<button type="submit">Göndər</button>
</form>
6.4 placeholder atributu
placeholder atributu daxil etmə sahəsinin içində göstərilən bir mətn-etiket təyin edir, bu mətn istifadəçi məlumat daxil etməyə başlamazdan əvvəl görünür. Bu atribut istifadəçilərə verilən sahəyə hansı məlumatın daxil edilməsinin gözlənildiyini anlamağa kömək edir.
Sintaksis
<input type="text" name="username" placeholder="İstifadəçi adını daxil edin">
İstifadə nümunəsi
placeholder atributu daxil etmə sahəsinin içində mətni göstərir, istifadəçi məlumat daxil etməyə başlayana qədər görünür. Bu nümunədə mətn-etiket "İstifadəçi adını daxil edin" kimi göstərilib.
<form action="/" method="post">
<label for="username">İstifadəçi adı:</label>
<input type="text" id="username" name="username" placeholder="İstifadəçi adını daxil edin" required>
<button type="submit">Göndər</button>
</form>
6.5 value atributu
value atributu giriş elementi üçün ilkin dəyəri təyin edir. Bu dəyər səhifə yüklənəndə və ya form sıfırlananda sahədə görünəcək.
Sintaksis
<input type="text" name="username" value="default user">
İstifadə nümunəsi
value atributu giriş sahəsinin ilkin dəyərini təyin edir. Bu nümunədə istifadəçi adı standart olaraq "default user" şəklindədir.
<form action="/" method="post">
<label for="username">İstifadəçi adı:</label>
<input type="text" id="username" name="username" value="default user" required>
<button type="submit">Göndər</button>
</form>
GO TO FULL VERSION