<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 પ્રભાવ છે.