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 {
  background-color: #eeeeee;
}
legend {
  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>

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

ਸੁਝਾਅ ਅਤੇ ਟਿੱਪਣੀਆਂ

ਸੁਝਾਅ:<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 (ਅੰਦਰੂਨੀ ਮੁੱਲ);
}

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਚਰਮੋਨੀ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪੇਰਾ
ਚਰਮੋਨੀ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪੇਰਾ
ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ