File Upload Box and Hidden Form Fields Element.

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

File Upload Box in HTML: यदि हम User को ये सुविधा प्रदान करना चाहते हैं कि वह अपने Computer से किसी File को Web Browse पर Upload कर सके, तो हमें एक File Upload Box Create करने की जरूरत पडती है, जिसे सामान्‍यतया File Select Box कहा जाता है। इस Control को भी हम <input> Element द्वारा Create कर सकते हैं, जिसके type Attribute में मान के रूप में हमें “file” शब्‍द को उपयोग में लेना होता है।

<html>
<body>
<form action="http://www.example.com/imageUpload.asp" method="post" name="fromImageUpload" enctype="multipart/form-data">
 <input type="file" name="fileUpload" accept="image/*" />
 <br /><br /><input type="submit" value="Submit" />
 </form>
<body>
<html>
File Select Box Control - Hidden Control - HTML in Hindi

File Select Box Control – Hidden Control – HTML in Hindi

जब हम File Upload Box का प्रयोग कर रहे होते हैं, तब <form> Element में HTTP Method post को ही उपयोग में लेना चाहिए। File Upload Box बनाते समय हमें हमारे Form में enctypeaccept जैसे Attributes का भी प्रयोग करना पडता है।

उदाहरण वाले Web Page में हम देख सकते हैं कि हमारे सामने एक Browse Button Display होता है, जिस पर Click करते ही हमारे सामने एक Open Dialog Box Display होता है, जिसमें हम उस File को Select करते हैं, जिसे हम Upload करना चाहते हैं। एक ऐसा <input> Element जिसमें type Attribute में हमने “file” मान Specify किया हो, name, value, accept, tabindex, accesskey, disabled, readonly, सभी Universal Attributes व सभी UI Event Attributes को उपयोग में ले सकते हैं।

Hidden Controls

कई बार हमें बिना User को दर्शाए हुए कुछ Information को एक Web Page से दूसरे Web Page के बीच Pass करना होता है। इस प्रकार की जरूरत को पूरा करने के लिए हम Hidden Controls का प्रयोग कर सकते हैं।

Hidden Controls ऐसे Controls होते हैं, जो Form का हिस्‍सा तो होते हैं, लेकिन User को दिखाई नहीं देते हैं। हालांकि इनका प्रयोग किसी भी तरह की ऐसी Sensitive Information के लिए नहीं किया जाना चाहिए, जिन्‍हें हम हमारे User को बताना नहीं चाहते हैं, क्‍योंकि ये Data Web Page के Source में उपलब्‍ध रहते हैं, जिन्‍हें User देख सकता है।

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

<html>
<body>
<form action="http://www.example.com/vote.asp" method="get" name="fromVote">
 <input type="hidden" name="hidPageSentFrom" value="home page" />
 <input type="submit" value="Click if this is your favorite page of our site." />
 </form>
<body>
<html>

चूंकि एक Hidden Control का नाम व मान दोनों Web Browse पर जाने चाहिए, तभी वे मान फिर से अगले Web Page पर उपलब्‍ध हो सकते हैं, इसलिए किसी भी Hidden Control के name/value Pair को Specify करना जरूरी होता है। (File Upload Box in HTML)

Grouping Form Elements in HTML: Combobox UI Control for Webpage.
Label in HTML: Used to Associate a name with HTML Form Controls

******

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