Radio Button in HTML are different than Checkbox of HTML Form

HTML5 with CSS3 in Hindiये Article इस वेबसाईट पर Selling हेतु उपलब्‍ध EBook HTML5 with CSS3 in Hindi से लिया गया है। इसलिए यदि ये Article आपके लिए उपयोगी रहा, तो निश्चित रूप से ये पुस्तक भी आपके लिए काफी उपयोगी साबित होगी। 

HTML5 with CSS3 in Hindi | Page: 481 | Format: PDF

BUY NOW DOWNLOAD READ ONLINE

Radio Button in HTML: Radio Buttons भी Checkboxes की तरह ही Toggle रूप से On या Off हो सकते हैं, लेकिन इन दोनों तरह के Controls में दो मुख्‍य अन्‍तर हैं।

  • जब हमारे पास बहुत सारे Radio Buttons का एक Group होता है, तब वे सभी Radio Buttons समान नाम को Share करते हैं, लेकिन उन सभी में से केवल एक ही Button को Click करके On किया जा सकता है। एक बार किसी Radio Button को Click कर लेने के बाद यदि हम किसी दूसरे Radio Button को Click कर देते हैं, तो पहले वाला Radio Button Automatically Off हो जाता है और Newly Selected Radio Button On हो जाता है।
  • हमें कभी भी केवल एक Radio Button को उपयोग में नहीं लेना चाहिए, क्‍योंकि यदि एक बार हम उस Radio Button को Select कर लें, तो फिर हम उसे Deselect नहीं कर सकते हैं।

इसलिए Radio Button का प्रयोग तब करना चाहिए, जब बहुत सारे Options में से किसी एक Option को Select करने की जरूरत हो। इस प्रकार की जरूरत को पूरा करने के लिए Alternative के रूप में हम Drop-Down Select Box का भी प्रयोग कर सकते हैं, जिसमें हम बहुत सारे Options में से केवल एक Option को ही Select कर सकते हैं।

Radio Button Create करने के लिए भी हमें <input> Element को ही उपयोग में लेना होता है, लेकिन Radio Button Create करने के लए हमें इस Element के type Attribute में मान के रूप में “radio” शब्‍द को उपयोग में लेना होता है। इस Control को Create करने की प्रक्रिया को हम निम्‍न उदाहरण द्वारा समझ सकते हैं:

<html>
 <body>
 <form action="http://www.demo.com/flights.asp" name="frmFlightBooking" method="get">
 Please select which class of travel you wish to fly: <br />
 <input type="radio" name="radClass" value="First" />First class <br/>
 <input type="radio" name="radClass" value="Business" />Business class <br />
 <input type="radio" name="radClass" value="Economy" />Economy class <br />
 </form>
 <body>
<html>
Radio Button - HTML in Hindi

Radio Button – HTML in Hindi

जब हम <input> Element के type Attribute में “radio” शब्‍द का प्रयोग करते हैं, तब हम <input> Element में निम्‍न Attributes का भी प्रयोग कर सकते हैं:

type Attribute

इस Attribute में “radio” मान लिखने पर Radio Button Create होता है।

name Attribute

इस Attribute में हम जो नाम दिखते हैं, उसी नाम द्वारा हम Coding में Control को Identify करते हैं।

value Attribute

इस Attribute में हम जो मान लिखते हैं, वह मान उस समय Web Server पर जाता है, जब User इस Radio Button को Click करता है।

checked Attribute

जब हम किसी Radio Button को Web Page Load होते समय ही Selected रखना चाहते हैं, तब हम इस Attribute को उपयोग में लेते हैं और इसमें मान के रूप में “checked” लिखते हैं।

size Attribute

इस Attribute द्वारा हम हमारे “checkbox” की Width को Specify करते हैं। इसमें Value के रूप में हमें एक Numerical मान लिखना होता है।

इस <input> Element के साथ हम सभी तरह के Universal Attributes, User Interface Attributes, disabled, readonly, tabindex व accesskey Attributes का भी प्रयोग कर सकते हैं। (Radio Button in HTML)

HTML CheckBox Input Element: To accept Yes/No or True/False Type Inputs.
Select Element in HTML Form: Listbox Control for Webpage.

******

ये पोस्‍ट Useful लगा हो, तो Like कर दीजिए।

HTML5 with CSS3 in Hindiये Article इस वेबसाईट पर Selling हेतु उपलब्‍ध EBook HTML5 with CSS3 in Hindi से लिया गया है। इसलिए यदि ये Article आपके लिए उपयोगी रहा, तो निश्चित रूप से ये पुस्तक भी आपके लिए काफी उपयोगी साबित होगी। 

HTML5 with CSS3 in Hindi | Page: 481 | Format: PDF

BUY NOW DOWNLOAD READ ONLINE

Download All Hindi EBooks

सभी हिन्दी EBooks C, C++, Java, C#, ASP.NET, Oracle, Data Structure, VB6, PHP, HTML5, JavaScript, jQuery, WordPress, etc... के DOWNLOAD LINKS प्राप्‍त करें, अपने EMail पर।

Register करके Login करें। इस Popup से छुटकारा पाएें।