HTML5新增表单元素和表单属性,CSS的三种基础选择器
HTML5 新增的表单元素和表单属性:
新增的表单元素:
<datalist>
:定义选项列表。请与<input>
元素配合使用,来制作出现在文本框的自动完成建议。<keygen>
:定义生成密钥。<output>
:定义不同类型的输出,比如脚本的输出。
新增的表单属性:
placeholder
:提供可描述输入字段预期值的提示信息(hint)。required
:此属性规定必须在提交表单之前填写输入字段。pattern
:规定用于输入字段的预期模式(正则表达式)。min
和max
:为输入字段设置最小和最大值。step
:为输入字段设置合法的数字间隔。autofocus
:指定当页面加载时,输入元素应该自动获得焦点。multiple
:允许输入字段获取多个值。
CSS的三种基础选择器:
- 类选择器:以
.
开头,例如.myclass
选择所有class包含myclass
的元素。 - ID选择器:以
#
开头,例如#myid
选择所有id为myid
的元素。 - 元素选择器:直接写元素名称,例如
p
选择所有<p>
元素。
CSS代码示例:
/* 类选择器 */
.myclass {
color: blue;
}
/* ID选择器 */
#myid {
font-weight: bold;
}
/* 元素选择器 */
p {
margin: 0;
}
评论已关闭