ਕੁਝ ਲਾਭਦਾਇਕ HTML ਇਨਪੁਟ ਕਿਸਮਾਂ ਕੀ ਹਨ?

Question

Accepted Answer

`` ਉੱਤੇ `type` ਗੁਣ ਇਸ ਦਾ UI, ਆਨ-ਸਕ੍ਰੀਨ ਕੀਬੋਰਡ (ਮੋਬਾਈਲ), ਅਤੇ ਬਿਲਤ-ਵਿੱਚ ਵੈਲੀਡੇਸ਼ਨ ਬਦਲਦਾ ਹੈ। ਸਹੀ ਕਿਸਮ ਵਰਤਣ ਨਾਲ ਯੂਜ਼ੇਬਿਲਿਟੀ ਵਧਦੀ ਹੈ ਅਤੇ ਮੁਫਤ ਵੈਲੀਡੇਸ਼ਨ ਮਿਲਦੀ ਹੈ। ```html ``` ## ਸਹੀ ਕਿਸਮ ਕਿਉਂ ਮਾਇਨੇ ਰੱਖਦੀ ਹੈ **ਮੋਬਾਈਲ ਕੀਬੋਰਡ ਢਲਦੇ ਹਨ** — `type="email"` `@` ਕੁੰਜੀ ਦਿਖਾਉਂਦਾ ਹੈ, `type="tel"` ਨੰਬਰ ਪੈਡ ਦਿਖਾਉਂਦਾ ਹੈ, `type="number"` ਅੰਕ ਦਿਖਾਉਂਦਾ ਹੈ। ਇਹ ਅਕੇਲਾ ਫੋਨਾਂ ਉੱਤੇ ਵਡਾ ਯੂਜ਼ੇਬਿਲਿਟੀ ਲਾਭ ਹੈ। **ਮੁਫਤ ਵੈਲੀਡੇਸ਼ਨ** — `type="email"` ਸਬਮਿਟ ਪਰ `not-an-email` ਨੂੰ ਅਸਵੀਕਾਰ ਕਰਦਾ ਹੈ, `min`/`max` ਸੰਖਿਆਵਾਂ ਨੂੰ ਬਾਂਧਦਾ ਹੈ, `type="url"` ਵੈਧ URL ਲਈ ਜਾਂਚ ਕਰਦਾ ਹੈ — ਕੋਈ JavaScript ਲੋੜ ਨਹੀਂ। ## ਰੇਡੀਓ ਗਰੁੱਪ ਇੱਕ ਨਾਮ ਸਾਂਝਾ ਕਰਦੇ ਹਨ ```html Free Pro ``` ## ਇਹ ਕਿਉਂ ਮਾਇਨੇ ਰੱਖਦਾ ਹੈ ਸਹੀ ਇਨਪੁਟ ਕਿਸਮ ਚੁਣਨ ਨਾਲ ਤੁਹਾਨੂੰ ਮੁਫਤ ਵਿੱਚ ਬਿਹਤਰ ਮੋਬਾਈਲ ਕੀਬੋਰਡ, ਨੇਟਿਵ ਪਿਕਰ, ਅਤੇ ਬਿਲਤ-ਵਿੱਚ ਵੈਲੀਡੇਸ਼ਨ ਮਿਲਦਾ ਹੈ — ਪਹੁੰਚਬਿਲਿਟੀ ਵਧਦੀ ਹੈ ਅਤੇ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਘੱਟ ਹੋ ਜਾਂਦੀ ਹੈ। ਇਹ ਇੱਕ ਛੋਟੀ ਚੋਣ ਹੈ ਪਰ UX ਲਾਭ ਵਿੱਚ ਆਲੂਦਾ ਹੈ।