当设计表单时,可指定某些选项为必填项(required),只有当用户填写了该选项后,用户才能够提交表单。
例如,把一个文本输入字段设置为必填项:在input
元素中加上required
属性:<input type="text" required>
多选一的场景就用radio button(单选按钮)(
input
输入框的一种类型),每一个单选按钮都应该嵌套在它自己的label(标签)
元素中。
例:<label><input type="radio" name="allname"> name1</label>※所有关联的单选按钮应该使用相同的name
属性。
复选按钮是input
的输入框的另一种类型,每一个复选按钮都应该嵌套进label
元素中,所有关联的复选按钮应该具有相同的name
属性。
例:<label><input type="checkbox" name="personality"> Loving</label>
使用checked
属性,可设置复选按钮和单选按钮默认被选中:在input
元素中添加属性checked
例:
<input type="radio" name="test-name" checked>
div
元素,也被称作division(层)元素,是一个盛装其他元素的通用容器。所以可以利用CSS的继承关系把div
上的CSS传递给它所有子元素。
除了 class
属性之外,每一个 HTML 元素还可以使用 id
属性。
id
属性:使用 id
属性有若干好处,一旦使用 jQuery 时就会有更深的体会。
id
属性应该是唯一的,虽然浏览器并不强制唯一,但基于最佳实践,这一点是被广泛认可的,所以不要给一个以上的元素设置相同的id
属性。
例:设置p 元素的id
属性为a-b-c:<p id="a-b-c">
和类选择器一样,也可使用ID选择器来声明样式。注意:在style
元素内部,定义类选择器必须添加 .
为前缀,定义ID选择器必须添加 #
为前缀。