XHTML表单元素和属性(二)
1.lable元素
定义一个文本标签
<lable for>表示Label标签要绑定的HTML元素,你点击这个标签的时候,所绑定的元素将获取焦点
2fieldset和legend
一个表单可以有多个fieldset,每对fieldset为一组,每组的内容描述可以使用legend说明
<fieldset>
<legend>用户名和密码</legend>
<p><label for="username">姓名:</label> <input type="text"id="username"></p>
<p><label for="name2">用户名:</label> <input type="text"id="name2"></p>
<p><label for="pwd">密码:</label> <input type="password"id="pwd"></p>
<p><label for="pwd2">确认密码:</label> <input type="password"id="pwd2"></p>
</fieldset>
3.base
页面上的所有链接规定默认地址或默认目标
<base> 标签必须位于 head 元素内部
<head>
<base href="demo.html" />
<base target="_blank" />
</head>
<body>
<a href=""></a>
</body>
上面这段代码中,过base标签设置了链接的默认地址,a中未指定href地址,所以会链接到base指定的默认地址
HTML5新增标签
1.header
义文档的页眉
<header>
<h1>文章列表</h1>
<nav>
<ul>
<li><a href="#">导航1</a></li>
<li><a href="#">导航2</a></li>
<li><a href="#">导航3</a></li>
<ul>
</nav>
</header>
上面的代码中header定义了文档的页眉-文章列表。nav定义了文档的导航
footer标签定义文档的尾部
2.表单属性
autocomplete 规定 form 或 input 域应该拥有自动完成功能
autofocus 自动选择焦点
formaction 重写表单的action属性
multiple 规定可选择多个值
pattern 正则表达式,规定用于验证input模式
placeholder 会在输入域为空时显示出现,会在输入域获得焦点时消失
required 属性规定必须在提交之前填写输入域不能为空
<input type="text"list="1">
<datalist id="1">
<option value="四川">四川</option>
<option value="北京">北京</option>
<option value="上海">上海</option>
</datalist>
上面的代码类似下拉框架,可以进行编辑
3.插入视频、音频
<videpo/audio controls="controls"loop="loop"autoplay="autoplay">
<source"">
</video/audio>
controls 规定用户是否能自己控制
loop 规定是否循环播放
autoplay 规定是否自动播放
1.lable元素
定义一个文本标签
<lable for>表示Label标签要绑定的HTML元素,你点击这个标签的时候,所绑定的元素将获取焦点
2fieldset和legend
一个表单可以有多个fieldset,每对fieldset为一组,每组的内容描述可以使用legend说明
<fieldset>
<legend>用户名和密码</legend>
<p><label for="username">姓名:</label> <input type="text"id="username"></p>
<p><label for="name2">用户名:</label> <input type="text"id="name2"></p>
<p><label for="pwd">密码:</label> <input type="password"id="pwd"></p>
<p><label for="pwd2">确认密码:</label> <input type="password"id="pwd2"></p>
</fieldset>
3.base
页面上的所有链接规定默认地址或默认目标
<base> 标签必须位于 head 元素内部
<head>
<base href="demo.html" />
<base target="_blank" />
</head>
<body>
<a href=""></a>
</body>
上面这段代码中,过base标签设置了链接的默认地址,a中未指定href地址,所以会链接到base指定的默认地址
HTML5新增标签
1.header
义文档的页眉
<header>
<h1>文章列表</h1>
<nav>
<ul>
<li><a href="#">导航1</a></li>
<li><a href="#">导航2</a></li>
<li><a href="#">导航3</a></li>
<ul>
</nav>
</header>
上面的代码中header定义了文档的页眉-文章列表。nav定义了文档的导航
footer标签定义文档的尾部
2.表单属性
autocomplete 规定 form 或 input 域应该拥有自动完成功能
autofocus 自动选择焦点
formaction 重写表单的action属性
multiple 规定可选择多个值
pattern 正则表达式,规定用于验证input模式
placeholder 会在输入域为空时显示出现,会在输入域获得焦点时消失
required 属性规定必须在提交之前填写输入域不能为空
<input type="text"list="1">
<datalist id="1">
<option value="四川">四川</option>
<option value="北京">北京</option>
<option value="上海">上海</option>
</datalist>
上面的代码类似下拉框架,可以进行编辑
3.插入视频、音频
<videpo/audio controls="controls"loop="loop"autoplay="autoplay">
<source"">
</video/audio>
controls 规定用户是否能自己控制
loop 规定是否循环播放
autoplay 规定是否自动播放