<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 प्रभाव आहे.