HTML form attributes examples For Beginners in Hindi

Post Views : 248

HTML form का basic परिचय हिंदी में!

हेलो दोस्तों आज हम इस पोस्ट में Hmtl forms के बारे में जानेगे की websites में HTML forms का इस्तेमाल क्यों किया जाता है| और अपने HTML document में कैसे लिखा जाता है|

HTML forms का इस्तेमाल सामान्य तोर पर users की information (detail) को collect करने के लिए होता है|

HTML forms से users की information जैसे की user का “name” ,”contact”, “emailid”, “password”, “mobile”, “address”, “username”, ”adharcard”, “pancard” जैसी details को collect कर सकते है|
HTML forms में special प्रकार के elements का इस्तेमाल किया जाता है जिसे हम form control ,input fields कह सकते है|

HTML forms control जैसे की <input type=”text” > control, <input type=”submit”>, <input type=”radio”>, <input type=” checkbox”>, <input type=”color”> etc..

HTML document में form को <form> के opening tag और उसका </form>closing tag के इस्तेमाल से HTML form को create कर सकते है| और इन form tag के बीच में दूसरे कई input element को सेट कर सकते है|

HTML form element

<form>
.
.
//यही पे forms elements लिखे
.
.
</form>

HTML form element के कुच attributes!

Action attribute

Form element में acttion attribute webpages (file) की URL यानि की location define करता है जिसके की हमारा form का data किस file में भेजना है वह निर्देश करता है यह action attribute.

<form action="filename"></form>

OR 

<form action="example.php"></form>

Method attribute

Method attribute specified करता है की form data को action attribute में specified page में कैसे send किया जाये|
form data को URL variable या HTTP post-transaction के रूप में send किया जाता है|

Form data को post method या get method का इस्तेमाल से send किया जा सकता है|

Post method

Post method का इस्तेमाल करके form data को send किये जाने पर वह URL में दिखाय नहीं देते क्योकि वह form data को send करने के लिए HTTP request का इस्तेमाल हुवा होता है| इस लिए post method में send किये हुवे data secure होते है| और इसमें send data size की बी कोय limitation नहीं होती है|

<form action="example.php" method="POST"></form>

Get method

Get method का इस्तेमाल करके form data को send किये जाने पर वह URL में दिखाय देते है क्योकि वह form data को send करने के लिए URL variable का इस्तेमाल हुवा होता है| इस लिए get method में send किये हुवे data unsecure होते है| और इसमें limited data को send किया जाता है|

<form action="example.php" mehod="GET"></form>

Form Enctype attribute

Enctype attribute यह specify करता है की data को किस तरह से encoded किया जाना चाहिए और उसके तीन प्रकार के posible values है|

<form action="example.php" method="Post" enctype="multipart/form-data">

  <img src="put here of image path">

</form>

application/x-www-form-urlencoded :

form element में enctype attribute का यह default value है,यह सभी रिक्तस्थानों (spaces) को ” + ” symbol से replace कर देता है| और सभी special character को ASCII HEX value में परिवर्तित करता है| यह सभी character को encoded करता है server में भेजने से पहले.

<form action="example.php" method="Post" enctype="application/x-www-form-urlencoded"></form>

multipart/form-data :

user को form से image upload करवाने के लिए enctype=”multipart/formdata” का इस्तेमाल जरुरी होता है|

<form action="example.php" method="Post" enctype="multipart/form-data"></form>

text/plain :

यह value spaces को ” + ” symbol में convert करता है लेकिन spacial character को convert नहीं करता.

<form action="example.php" method="Post" enctype="text/plain"></form>

Form Target attribute

Target attribute यह निर्धारित करता है की form submit करने के बाद form response को कहा open किया जाये| उसके लिए ” _self “, ” _blank ” जैसे keyword का इस्तेमाल होता है|

_self : Target attribute की value ” _self ” सेट करने पर submit form का response वही tab page परही display होगा|

<form action="example.php" method="post" target="_self"></form>

_blank : Target attribute की value ” _blank ” सेट करने पर submit form का response new tab page पर display होगा|

<form action="example.php" method="post" target="_blank"></form>

Autocomplete attribute

Autocomplete attribute ये HTML5 में add की गई new attribute है जो form के input fields को automattacally complete करने में सक्षम बनाती है|
autocomplete attribute के दो value होते है ” ON ” और ” OFF ” ,autocomplete attribute का default value ” ON ” होती है|

<form action="example.php" method="post" autocomplete="on"></form>

OR

<form action="example.php" method="post" autocomplete="off"></form>

Novalidate attribute

Novalidate attribute ये HTML5 में add की गई new attribute है अगर हमे form में ये attribute को add करते है तो वह किसी बी प्रकार का form validation perform नहीं करता है और form submit करता है|

<form action="example.php" method="post" novalidate></form>