HTML <legend> टैग

  • पिछला पृष्ठ <label>
  • अगला पृष्ठ <li>

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

<लेजेंड> लेबल वर्णन <fieldset> एलीमेंट शीर्षक (कैप्शन) का

और देखें:

HTML DOM रेफरेंस मैनुअल:लेजेंड ऑब्जैक्ट

प्रयोग

उदाहरण 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">ईमेल:</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>

खुद से प्रयास करें

उदाहरण 2

फील्डसेट शीर्षक को दायाँ ओर फ्लोट करने (CSS का उपयोग):

<form action="/action_page.php">
  <fieldset>
    <legend style="float:right">व्यक्तिगत जानकारी:</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>

खुद से प्रयास करें

उदाहरण 3

CSS सेटिंग का उदाहरण <fieldset> और <लेजेंड> कृत्रिम शैली:

<html>
<head>
<style>
fieldset {
  background-color: #eeeeee;
}
लेजेंड {
  background-color: gray;
  color: white;
  padding: 5px 10px;
}
input {
  margin: 5px;
}
</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>

<लेजेंड> टैग इवेंट गुण का समर्थन करता है वैश्विक गुण。

HTML में वैश्विक गुण

<लेजेंड> टैग इवेंट गुण का समर्थन करता है HTML में इवेंट गुण。

डिफ़ॉल्ट की सीएसएस सेटिंग

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

लेजेंड {
  डिस्प्ले: ब्लॉक;
  पैडिंग-लेफ्ट: 2पिक्सल;
  पैडिंग-राइट: 2पिक्सल;
  बॉर्डर: नहीं;
}

खुद से प्रयास करें

ब्राउज़र सहायता

च्रोम एज फायरफॉक्स सैफारी ओपेरा
च्रोम एज फायरफॉक्स सैफारी ओपेरा
सहायता सहायता सहायता सहायता सहायता
  • पिछला पृष्ठ <label>
  • अगला पृष्ठ <li>