legend tag in html just like is there tag on Onsen UI

pujapawar

<legend>Personalia:</legend> this is the tag in html, I want to know is juzt like this type of tag is exist in onsen ui

jamal

This standard html snippet works. Why would OnsenUI re-invent the wheel?

<fieldset>
      <legend>User Info:</legend>
      Name: <input type="text"><br>
      Email: <input type="text"><br>      
 </fieldset>

Result:

pujapawar

@jamal bcz I want to know is there in onsen ui Creative tag better than this.

jamal

@pujapawar, I have not seen an Onsen legend tag here https://onsen.io/v2/api/js/

You probably can create your own via CSS.

Similar to this:

fieldset {
font-family: sans-serif;
border: 5px solid #1F497D;
background: #ddd;
border-radius: 5px;
padding: 15px;
}

fieldset legend {
background: #1F497D;
color: #fff;
padding: 5px 10px ;
font-size: 32px;
border-radius: 5px;
box-shadow: 0 0 0 5px #ddd;
margin-left: 20px;
}

Source: https://stackoverflow.com/questions/19774653/css3-for-html5-legend-inside-fieldset