表单字段集
- <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" />
来源: http://www.bubuko.com/infodetail-3171147.html