HTML <fieldset> टैग

परिभाषा और उपयोग

<fieldset> टैग का उपयोग फॉर्म में संबंधित एलीमेंटों को समूहबद्ध करने के लिए किया जाता है。

<fieldset> टैग संबंधित एलीमेंट के चारों ओर एक बॉक्स ड्रा करता है。

<legend> टैग का उपयोग fieldset एलीमेंट के शीर्षक को परिभाषित करने के लिए किया जाता है。

अन्य संदर्भ:

HTML DOM संदर्भ पुस्तिका：Fieldset ऑब्जेक्ट

उदाहरण

उदाहरण 1

फॉर्म में संबंधित एलीमेंट को समूहबद्ध करें:

<form action="/action_page.php">
  <fieldset>
    <legend>व्यक्तिगत जानकारी:</legend>
    <label for="fname">पहला नाम:</label>
    <input type="text" id="fname" name="fname"><br><br>
    <label for="lname">अंतिम नाम:</label>
    <input type="text" id="lname" name="lname"><br><br>
    <label for="email">Email:</label>
    <input type="email" id="email" name="email"><br><br>
    <label for="birthday">Birthday:</label>
    <input type="date" id="birthday" name="birthday"><br><br>
    <input type="submit" value="सबमिट">
  </fieldset>
</form>

अपने आप प्रयोग करें

उदाहरण 2

CSS का उपयोग करके <fieldset> और <legend> के शैली को सेट करें:

<html>
<head>
<style>
fieldset {
  पृष्ठभूमि रंग: #eeeeee;
}
legend {
  पृष्ठभूमि रंग: ग्रे;
  रंग: श्वेत;
  पैडिंग: 5 पिक्सल 10 पिक्सल;
}
input {
  मार्ग: 5 पिक्सल;
}
</style>
</head>
<body>
<form action="/action_page.php">
  <fieldset>
    <legend>व्यक्तिगत जानकारी:</legend>
    <label for="fname">पहला नाम:</label>
    <input type="text" id="fname" name="fname"><br><br>
    <label for="lname">अंतिम नाम:</label>
    <input type="text" id="lname" name="lname"><br><br>
    <label for="email">इमेल:</label>
    <input type="email" id="email" name="email"><br><br>
    <label for="birthday">जन्मदिन:</label>
    <input type="date" id="birthday" name="birthday"><br><br>
    <input type="submit" value="सबमिट">
  </fieldset>
</form>
</body>
</html>

अपने आप प्रयोग करें

सूचना और टिप्पणी

सूचना:<legend> टैग का उपयोग <fieldset> एलीमेंट के लिए शीर्षक को परिभाषित करने के लिए किया जाता है。

गुण

गुण मूल्य वर्णन
disabled disabled संबंधित एक समूह फॉर्म एलीमेंट को असक्रिय करना निर्धारित करता है。
form form_id फील्डसेट किस फॉर्म के अंतर्गत है इसे निर्धारित करता है。
नाम पाठ फील्डसेट के नाम को निर्धारित करता है。

वैश्विक गुण

<fieldset> टैग इसके साथ समर्थित करता है HTML में वैश्विक गुण。

कार्यक्रम गुण

<fieldset> टैग इसके साथ समर्थित करता है HTML में कार्यक्रम गुण。

डिफ़ॉल्ट CSS सेटिंग

अधिकांश ब्राउज़र निम्नलिखित डिफ़ॉल्ट मूल्यों को प्रदर्शित करेंगे <fieldset> एलीमेंट:

fieldset {
  display: block;
  margin-left: 2px;
  margin-right: 2px;
  padding-top: 0.35em;
  padding-bottom: 0.625em;
  padding-left: 0.75em;
  padding-right: 0.75em;
  border: 2px groove (आंतरिक मूल्य);
}

ब्राउज़र समर्थन

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
सापोर्ट सापोर्ट सापोर्ट सापोर्ट सापोर्ट