<input> पर type विशेषता इसके UI, ऑन-स्क्रीन कीबोर्ड (मोबाइल), और अंतर्निहित सत्यापन को बदलती है। सही प्रकार का उपयोग करने से उपयोगिता में सुधार होता है और मुफ्त में सत्यापन मिलता है।
<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 प्रभाव बहुत अधिक है।