HTML5新增表单元素和表单属性,CSS的三种基础选择器
warning:
这篇文章距离上次修改已过444天,其中的内容可能已经有所变动。
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;
}
评论已关闭