Skip to main content

How To Use legend Tag In HTML 5 | How To Defines a caption for a fieldset tags

HTML <legend> Tag

Group related elements in a form:

How To Use legend Tag In HTML5 | How To Defines a caption for a fieldset Tag In HTML5 | Learn HTML5 IN URDU - HINDI


Example

<form action="/action_page.php">
  <fieldset>
    <legend>Personalia:</legend>
    <label for="fname">First name:</label>
    <input type="text" id="fname" name="fname"><br><br>
    <label for="lname">Last name:</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="Submit">
  </fieldset>
</form>


Labels:
Location: MUS Group Of IT Chak No 236/RB Sultania Colony Via Fish Form, Satayana Rd, Malkhan Wala, Faisalabad, Punjab 38000, Pakistan

Comments

Post a Comment

Popular posts from this blog

How To Use noframes Tag In HTML 5 Not supported in HTML 5

HTML <noframes> Tag Not Supported in HTML5. The <noframes> tag was used in HTML 4 to act as a fallback tag for browsers that did not support frames. What to Use Instead? Example Use the  <iframe>  tag to embed another document within the current HTML document: < iframe  src ="https://mus-group-of-it.business.site/" >< /iframe >
Post a Comment
Read more

How To Use noscript Tag In HTML 5 How To Defines an alternate content

HTML <noscript> Tag Definition and Usage The <noscript> tag defines an alternate content to be displayed to users that have disabled scripts in their browser or have a browser that doesn't support the script. The <noscript> element can be used in both <head> and <body>. When used inside <head>, the <noscript> element could only contain <link>, <style>, and <meta> elements. Example Use of the <noscript> tag: <script> document.write("Hello World!") </script> <noscript> Your browser does not support JavaScript! </noscript>
Post a Comment
Read more

How To Use meter Tag In HTML 5 | How To Defines a scalar measurement

HTML <meter> Tag Definition and Usage The <meter> tag defines a scalar measurement within a known range, or a fractional value. This is also known as a gauge. Examples: Disk usage, the relevance of a query result, etc. Note: The <meter> tag should not be used to indicate progress (as in a progress bar). For progress bars, use the <progress> tag. Tip: Always add the <label> tag for best accessibility practices!   Example Use the meter element to measure data within a given range (a gauge):   < label  for ="disk_c"> Disk usage C: < /label > < meter  id ="disk_c"  value ="2"  min ="0"  max ="10"> 2 out of 10 < /meter >< br > < label  for ="disk_d"> Disk usage D: < /label > < meter  id ="disk_d"  value ="0.6"> 60% < /meter >
Post a Comment
Read more