Special Attributes: accesskey, disabled and readonly

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

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

निम्‍न सारणी एक readonlydisabled 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
focus and tabindex HTML: To setup Tab Order of Web Form
Submit HTML Form Data to Server: Dynamic Website

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 से छुटकारा पाएें।