<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 -->
ਸਹੀ ਇਨਪੁਟ ਕਿਸਮ ਚੁਣਨ ਨਾਲ ਤੁਹਾਨੂੰ ਮੁਫਤ ਵਿੱਚ ਬਿਹਤਰ ਮੋਬਾਈਲ ਕੀਬੋਰਡ, ਨੇਟਿਵ ਪਿਕਰ, ਅਤੇ ਬਿਲਤ-ਵਿੱਚ ਵੈਲੀਡੇਸ਼ਨ ਮਿਲਦਾ ਹੈ — ਪਹੁੰਚਬਿਲਿਟੀ ਵਧਦੀ ਹੈ ਅਤੇ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਘੱਟ ਹੋ ਜਾਂਦੀ ਹੈ।
ਇਹ ਇੱਕ ਛੋਟੀ ਚੋਣ ਹੈ ਪਰ UX ਲਾਭ ਵਿੱਚ ਆਲੂਦਾ ਹੈ।