CSS ตัวอย่างการใช้ Fieldset สวยๆ

B. Kittisak สิงหาคม 28, 2556
CSS code
fieldset { border:1px solid green }

legend {
padding: 0.2em 0.5em;
border:1px solid green;
color:green;
font-size:90%;
text-align:right;
}

HTML code
<form>
  <fieldset>
  <legend>Subscription info</legend>
    <label for="name">Username:</label>
    <input type="text" name="name" id="name" />
    <br />
    <label for="mail">E-mail:</label>
    <input type="text" name="mail" id="mail" />
    <br />
    <label for="address">Address:</label>
    <input type="text" name="address" id="address" size="40" />
  </fieldset>
</form>

อ้างอิง :  Styling Form Fieldsets, Legends and Labels (ลองกดไปดูกันครับ ปกติไม่เคยใช้เลย ของดีๆแบบนี้พลาดได้ไง)

แสดงความคิดเห็น

0 ความคิดเห็น