optre
一位前端开发者,keep going!

表单字段集

<fieldset disabled="disabled">
    <legend></legend> <!-- 一个表单域只能放一个legend -->
    <form action=""></form>
</fieldset>

提示信息标签
  2种用法:
  用法一:

<label for="username">用户名:</label><input type="text" id="username"/>

  用法二:

<label>用户名:<input type="text"/></label><!-- 注意,此时不要给label加for属性 -->

图像域(火狐低版本不支持)

<input type="image" src="图片地址" alt="" title=""/>

上传文本框
  默认不能多选,只能选择单个文件

<input type="file" mutiple="mutiple"/>

  注意:在使用div制作按钮图标时,对input使用透明属性使按钮可用。(使用display:none;或visibility:hidden;按钮均会不可使用)

文本框

  在<input type="text"/>中,使用了name属性之后,该输入框居有记忆功能,在form中添加autocomplete属性可以off(关闭)、on(打开)

  在input中添加required="required"属性,选框为必填

表格
  表格中只能有一个<thead>、<tfoot>,可以有多个tbody

  无内容empty-cells:show(默认显示)/hidden
  当定义无内容的单元格时,是否显示该单元格的边框区域

<table rules="all"></table>   <!-- rules 属性值 all/none(默认值)/cols/rows -->

定义表格布局 table-layout
  table-layout:auto/fixed;
定义表格的布局算法
  如没设宽度表格单元格平均分配
  设置fixed,文本为英文字母且无空格时,内容超出单元格宽度且单元格宽度不变;平均分配;
  设置auto,则随内容宽度而定,火狐浏览器存在兼容。

表格的标题<caption>
  在table的样式表中,caption-side:top/bottom;
  left和right只有火狐支持,top,bottom IE7版本以上支持。

表格列分组

<colgroup span="2"></colgroup>
<col span="3"/>

 

posted on 2019-08-26 19:25  optre  阅读(311)  评论(0编辑  收藏  举报