XHTML表单（二）

XHTML表单与HTML5元素详解

最新推荐文章于 2025-06-07 23:37:59 发布

humaopei040602

最新推荐文章于 2025-06-07 23:37:59 发布

阅读量226

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/humaopei040602/article/details/48476309

本文详细介绍了XHTML中的表单元素及其属性，包括lable元素的使用、fieldset与legend的作用，以及base标签的功能。此外还介绍了HTML5新增的header、footer等标签，并探讨了表单的新属性如autocomplete、autofocus等，最后讲解了如何在网页中嵌入视频和音频。

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 规定是否自动播放