Access Keys
Special Attributes: Access Keys Keyboard Shortcut को Represent करता है। ये एक ऐसा Single Character होता है, जिसे Alt Key के साथ Press किया जाता है। जब हम किसी Element के Access Key को Press करते हैं, तो Browser Automatically उस Control पर चला जाता है।
Access Key को Define करने के लिए हमें accesskey Attribute को उपयोग में लेना होता है और इसमें Value के रूप में उस Character को Specify करना होता है, जिसे Alt Key के साथ हम Press करना चाहते हैं। इस Attribute को हम <a>, <area>, <button>, <input>, <label>, <legend> व <textarea> Elements के साथ उपयोग में ले सकते हैं। Access Key को उपयोग में लेने के तरीके को समझने के लिए हम निम्न उदाहरण देख सकते हैं:
<html> <body> <form action="http://www.example.org/competition.asp" method="post" name="frmComp"> <fieldset> <legend accesskey=”c”><em>Contact Information (ALT+C)</em></legend> <label>First name: <input type="text" name="txtFName" size="20" /> </label><br /> <label>Last name: <input type="text" name="txtLName" size="20" /> </label><br /> <label>E-mail: <input type="text" name="txtEmail" size="20" /> </label><br /> </fieldset> <fieldset> <legend accesskey=”t”><em>Competition Question (ALT+T)</em></legend> How tall is the Eiffel Tower in Paris, France? <br /> <label><input type="radio" name="radAnswer" value="584" />584ft</label><br /> <label><input type="radio" name="radAnswer" value="784" />784ft</label><br /> <label><input type="radio" name="radAnswer" value="984" />984ft</label><br /> <label><input type="radio" name="radAnswer" value="1184" />1184ft</label><br /> </fieldset> <fieldset> <legend><em>Tiebreaker Question</em></legend> <label>In 25 words or less, say why you would like to win $10,000: <textarea name="txtTiebreaker" rows="10" cols="40"></textarea> </label> </fieldset> <fieldset> <legend><em>Enter competition</em></legend> <input type="submit" value="Enter Competition" /> </fieldset> </form> <body> <html>
Disabled and Read-Only Controls
Special Attributes: readonly Attribute User को Control के साथ किसी भी तरह का Interaction करने की छूट प्रदान नहीं करता है। हालांकि इसके मानों को Script द्वारा Change या Modify किया जा सकता है। इस Attribute में हमें मान के रूप में भी “readonly” ही Specify करना होता है। इस प्रकार के Control का मान name/value Pair के रूप में Web Server पर जाता है।
Special Attributes: disabled Attribute किसी Form Control को Disabled कर देता है, जिससे User उस Control के मान में किसी भी तरह का कोई परिवर्तन करने में सक्षम नहीं हो पाता है। हालांकि इसे Script द्वारा फिर से Re-Enabled किया जा सकता है, लेकिन जब तक इसे Re-Enable नहीं किया जाता है, तब तक इसका name/value Pair Web Server पर नहीं जाता है। निम्न सारणी द्वारा हम समझ सकते हैं कि कौनसे Controls इन Attributes को उपयोग में ले सकते हैं और कौनसे नहीं:
| Element | readonly | disabled |
| <textarea> | Yes | Yes |
| <input type=”text”/> | Yes | Yes |
| <input type=”checkbox”/> | No | Yes |
| <input type=”radio”/> | No | Yes |
| <input type=”submit”/> | No | Yes |
| <input type=”reset”/> | No | Yes |
| <input type=”button”/> | No | Yes |
| <select> | No | Yes |
| <option> | No | Yes |
| <button> | No | Yes |
निम्न सारणी एक readonly व disabled Attributes के बीच के मुख्य अन्तर को Represent करती है:
| Attribute | readonly | disabled |
| Can be modified | Yes by script, not by user | Not while disabled |
| Will be sent to server | Yes | Not while disabled |
| Will receive focus | Yes | No |
| Included in tabbing order | Yes | No |
ये Article इस वेबसाईट पर Selling हेतु उपलब्ध EBook HTML5 with CSS3 in Hindi से लिया गया है। इसलिए यदि ये Article आपके लिए उपयोगी रहा, तो निश्चित रूप से ये पुस्तक भी आपके लिए काफी उपयोगी साबित होगी।
HTML5 with CSS3 in Hindi | Page: 481 | Format: PDF
