<input> ელემენტის type ატრიბუტი ცვლის მის UI-ს, ეკრანზე კლავიატურას (მობილური) და ჩაშენებულ ვალიდაციას. სწორი ტიპის გამოყენება ზეთი აუმჯობესებს მოხმარების ხელმისაწვდომობას და უფასო ვალიდაციას იძლევა.
html
<input> ელემენტის type ატრიბუტი ცვლის მის UI-ს, ეკრანზე კლავიატურას (მობილური) და ჩაშენებულ ვალიდაციას. სწორი ტიპის გამოყენება ზეთი აუმჯობესებს მოხმარების ხელმისაწვდომობას და უფასო ვალიდაციას იძლევა.
მობილური კლავიატურები მორგებულია — type="email" აჩვენებს @ ღილაკს, type="tel" აჩვენებს რიცხვითი ბალიშს, type="number" აჩვენებს ციფრებს. ეს თავისთავად დიდი მოხმარების გაუმჯობესება ტელეფონებზე.
უფასო ვალიდაცია — type="email" უარყოფს not-an-email-ს გაგზავნისას, min/max აკავშირებს რიცხვებს, type="url" ამოწმებს ვალიდური URL-ს — JavaScript არ სჭირდება.
<input type="radio" name="plan" value="free" /> Free
<input type="radio" name="plan" value="pro" /> Pro
<!-- same name = mutually exclusive; only one can be selected -->
სწორი შეყვანის ტიპის არჩევა უფრო ভালো მობილური კლავიატურას, ჩაშენებულ აირჩიოს და უფასო ვალიდაციას გაძლევთ — აუმჯობესებს ხელმისაწვდომობას და ამცირებს JavaScript-ს, რომელსაც სხვაგვარად დაწერდით.
ეს მცირე არჩევანია უზომო UX სარგებელთან.