表单标签、属性及表格标签、属性

mac2022-06-30  35

表单字段集

<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"/>

 

转载于:https://www.cnblogs.com/glmkeep/p/11369635.html

相关资源:JAVA上百实例源码以及开源项目
最新回复(0)