HTML里不为人知的秘密(02)之常见元素属性使用

01) 表单元素分组

　　fieldset legend 表单元素分组

<form>
    <fieldset style=" 30px;">
        <legend>个人信息</legend>
        姓名：<input type="text" /> <br>
        年龄：<input type="text" />
    </fieldset>
</form>

View Code

02) label 和 radio 配合

　 label 和 input 中 radio 配合使用,让文字可以点击

<div>
    <input type="radio" id="foo" name="drone" value="foo"
           checked>
    <label for="foo">foo</label>
</div>

<div>
    <input type="radio" id="bar" name="drone" value="bar">
    <label for="bar">bar</label>
</div>

<div>
    <input type="radio" id="hello" name="drone" value="hello">
    <label for="hello">hello</label>
</div>

View Code