एचटीएमएल फॉर्म विशेषता
परिभाषा और उपयोग
विशेषता उस formरूप को निर्दिष्ट करती है जिससे तत्व संबंधित है।
इस विशेषता का मान समान दस्तावेज़ में किसी तत्व की idविशेषता के बराबर होना चाहिए ।
<form>
पर लागू होता है
विशेषता का formउपयोग निम्नलिखित तत्वों पर किया जा सकता है:
| तत्वों | गुण |
|---|---|
| <बटन> | प्रपत्र |
| <फ़ील्डसेट> | प्रपत्र |
| <इनपुट> | प्रपत्र |
| <लेबल> | प्रपत्र |
| <मीटर> | प्रपत्र |
| <वस्तु> | प्रपत्र |
| <आउटपुट> | प्रपत्र |
| <चुनें> | प्रपत्र |
| <textarea> | प्रपत्र |
उदाहरण
बटन उदाहरण
प्रपत्र के बाहर स्थित एक बटन (लेकिन फिर भी प्रपत्र का एक भाग):
<form action="/action_page.php" method="get" id="form1">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
</form>
<button type="submit" form="form1" value="Submit">Submit</button>
फ़ील्डसेट उदाहरण
एक फॉर्म के बाहर स्थित एक <फ़ील्डसेट> तत्व (लेकिन फिर भी फॉर्म का एक हिस्सा):
<form action="/action_page.php" method="get" id="form1">
What is your favorite color? <input type="text" name="fav_color"><br>
<input type="submit">
</form>
<fieldset form="form1">
Name: <input type="text" name="username"><br>
Email: <input type="text" name="usermail"><br>
</fieldset>
इनपुट उदाहरण
HTML फॉर्म के बाहर स्थित एक इनपुट फ़ील्ड (लेकिन फिर भी फॉर्म का एक हिस्सा):
<form action="/action_page.php" id="form1">
First name: <input type="text" name="fname"><br>
<input type="submit" value="Submit">
</form>
Last name: <input type="text" name="lname" form="form1">
लेबल उदाहरण
एक फॉर्म के बाहर स्थित एक <लेबल> तत्व (लेकिन फिर भी फॉर्म का एक हिस्सा):
<form action="/action_page.php" id="form1">
<input type="radio" id="html" name="fav_language" value="HTML"><br>
<input type="radio" id="css" name="fav_language" value="CSS">
<label
for="css">CSS</label><br>
<input type="radio" id="javascript" name="fav_language"
value="JavaScript">
<label for="javascript">JavaScript</label><br><br>
<input type="submit" value="Submit">
</form>
<label
for="html">HTML</label>
मीटर उदाहरण
एक फॉर्म के बाहर स्थित एक <मीटर> तत्व (लेकिन फिर भी फॉर्म का एक हिस्सा):
<form action="/action_page.php" method="get" id="form1">
First name: <input type="text" name="fname"><br>
<input type="submit" value="Submit">
</form>
<meter form="form1" name="x1" min="0" low="40" high="90"
max="100" value="95"></meter>
वस्तु उदाहरण
एक फॉर्म के बाहर स्थित एक <ऑब्जेक्ट> तत्व (लेकिन फिर भी फॉर्म का एक हिस्सा):
<form action="/action_page.php" id="form1">
First name: <input type="text" name="fname"><br>
<input type="submit" value="Submit">
</form>
<object data="helloworld.swf" height="400" width="400" form="form1" name="obj1"></object>
आउटपुट उदाहरण
एक फॉर्म के बाहर स्थित एक <आउटपुट> तत्व (लेकिन फिर भी फॉर्म का एक हिस्सा):
<form action="/action_page.php" id="numform"
oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" name="a" value="50">100
+<input type="number" id="b" name="b" value="50">
<br><br>
<input type="submit">
</form>
<output form="numform" name="x" for="a b"></output>
उदाहरण चुनें
किसी प्रपत्र के बाहर स्थित ड्रॉप-डाउन सूची (लेकिन फिर भी प्रपत्र का एक भाग):
<form action="/action_page.php" id="carform">
Firstname:<input type="text" name="fname">
<input type="submit">
</form>
<select name="carlist" form="carform">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
टेक्सटेरिया उदाहरण
प्रपत्र के बाहर स्थित पाठ क्षेत्र (लेकिन फिर भी प्रपत्र का एक भाग):
<form action="/action_page.php" id="usrform">
Name: <input type="text" name="usrname">
<input type="submit">
</form>
<textarea name="comment" form="usrform">Enter text here...</textarea>
ब्राउज़र समर्थन
विशेषता में formप्रत्येक तत्व के लिए निम्नलिखित ब्राउज़र समर्थन है:
| Element | |||||
|---|---|---|---|---|---|
| button | 10.0 | Not supported | 4.0 | 5.1 | 9.5 |
| fieldset | Not supported | Not supported | Not supported | Not supported | Not supported |
| input | 9.0 | Not supported | 4.0 | 5.1 | 10.6 |
| label | Yes | Yes | Yes | Yes | Yes |
| meter | Not supported | Not supported | Not supported | Not supported | Not supported |
| object | Not supported | Not supported | Not supported | Not supported | Not supported |
| output | Yes | Not supported | Yes | Yes | Yes |
| select | Yes | Not supported | Yes | Yes | Yes |
| textarea | Yes | Not supported | Yes | Yes | Yes |