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

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

01) 表单元素分组

　　fieldset  legend 表单元素分组

<form>
    <fieldset style="width: 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">foolabel>
div>

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

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

View Code

03) border 和 outline 区别

轮廓不占据空间，绘制于元素内容周围。
根据规范，轮廓通常是矩形，但也可以是非矩形的

outline属性

04)