HTML Checkbox | form चेकबॉक्स | Hindi

Checkbox को HTMLform में एक विशेष तरह के option (option list) या कह सकते हैं वैल्यू को check करने के लिए किया जाता हैं ।

साधारण Hindi भाषा में कहे तो जैसे हमारे पास बहुत सारे आप्शन (options) होते हैं और उन आप्शन (option) में से या सारे आप्शन यूजर क्लिक करके चेक करे । चेक करने से मतलब हैं जैसे हमारे पास कुछ भाषाओ के आप्शन (options) हैं और हमसे पूछा गया हैं की इनमे से जो तुम भाषा जानते हो सेलेक्ट करो अब बहुत सारी भाषा लिखी होती हैं जिनके सामने एक बॉक्स (checkbox) बना होता हैं जिस पर क्लिक करने से चेक बनता हैं चेक से यहाँ मतलब हैं की right का निशान बन जाता हैं जिसका मतलब हैं की वह चेक हो गया यानि की वह सेलेक्ट (select) कर लिया गया हैं ।

इस तरह से आपने काफी form में checkbox देखे होंगे उनमे से आप्शन सेलेक्ट भी किया होगा ।

Form checkbox | HTML in Hindi

पिछले tutorial में हमने HTML select option के बारे सिखा था जहाँ पर options (item list) की एक लिस्ट में से आप्शन को सेलेक्ट करना पड़ता हैं पर यहाँ पर कोई लिस्ट नही होती सभी आप्शन (option) के सामने एक बॉक्स होता हैं जिस पर क्लिक करके एक चेक(right का चिन्ह ) बनता हैं जिसका मतलब हैं आप्शन को choose किया गया हैं । choose की गयी वैल्यू को आप use कर सकते हैं ।

चलिए एक उदाहरण से HTML फॉर्म के checkbox के बारे में समझते हैं –

चेकबॉक्स का उदाहरण | Example of Checkbox in HTML

यहाँ पर हम कुछ languages लेंगे और उनको चेक बॉक्स के द्वारा select करना सीखेंगे ।

<!DOCTYPE html>
<html>
<head>
<title> HTML form element | checkbox  </title>
</head>
<body>

Hindi
English 
Punjabi 

</body>
</html>

Output

Hindi English Punjabi

उपर दिए गए उदाहरण में हमने 5 language को लिए जिनमे से हम अपनी भाषाए जो हम जानते हैं चेक (check) कर सकते हैं भाषा सेलेक्ट (select) करने को भाषा चेक करना कहते हैं जिस से checkbox में एक right sign बन जाता हैं ।

इस तरह से checkbox बनाये जा सकते हैं ।

HTML checkbox disabled -

कभी कभी यह रहता हैं की हमें checkbox को डिसएबल (disable) करना होता हैं जिसका मतलब हैं उस को चेक(सेलेक्ट) नही किया जा सकता उस पर क्लिक नही किया जा सकता और नही ही उसपे कोई right का sign आता हैं ।

जब हम आप्शन (option) को डिसएबल (disable) करना होता हैं तब हम disabled का उपयोग करते हैं ।

Example of checkbox disabled attribute-

<!DOCTYPE html>
<html>
<head>
<title> Input tag | disabled attribute  </title>
</head>
<body>

Item 1<input type="checkbox" name="item_name" value="Item 1" disabled>
Item 2 
Item 3 
Item 4<input type="checkbox" name="item_name" value="Item 4"disabled>

</body>
</html>

Output

Item 1 Item 2 Item 3 Item 4

उपर दिए गए उदाहरण में हमने input type checkbox दिया हैं यदि हमें checkbox को disable करना हैं तब हम input टैग के attribute disabled का उपयोग करते हैं ।

उपर दिए गए उदाहरण में आप देख सकते है की हमने एक आइटम को disable किया हैं जिसका मतलब हैं उस item को सिर्फ देखा जा सकता हैं सेलेक्ट नही किया जा सकता हैं यानी की यूजर यूजर चेक नही कर सकते हैं ।

इस तरह से HTML फॉर्म में checkbox को बनाया जा सकता हैं जो की बहुत सारे आप्शन के लिए काफी अच्छा रहता हैं ।

Please Share