表格表单及样式重置、特性-创新互联

1、表格 用table标签,标签 table的标签基本特性是 display:table;

成都创新互联公司主要从事成都做网站、网站建设、网页设计、企业做网站、公司建网站等业务。立足成都服务武鸣,十载网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220

表格头部

表格主体

表格尾部

表格标题

单元格

一般只用

colspan 属性规定单元格可横跨的列数 只能放在th,td标签中

rowspan 属性规定单元格可横跨的行数 只能放在td标签中

例:

注意事项:

1、不要给table,th,td以外的标签加样式,会存在不兼容问题

标签th,td有内边距,使用时候去掉

2、单元格默认平分table宽度,高度

3、th里面的文字默认加粗,并且左右上下居中显示

4、td里面的文字默认上下居中,左右居左显示

5、table决定了整个表格的宽度

6、table里面的单元格宽度会被转化成百分比;

7、表格里面的每一列必须有宽度;保证表格的样式不会被内容撑开太多

8、表格的同一竖列继承大宽度,同一横行继承大高度

2.

表单标签

提交按钮

 文本框 文本内容只能为单行

 密码框

(

单选框

建设

美食

check 默认选中 disabled 默认静掉

)复选框

上传

图片 也具备提交功能

按钮功能 没有任何功能

 重置 一般不用

一个隐藏按钮 前端没有 对于后台有用处

(

) 下拉选框 没加selected 默认第一行 加selected 会默认第3行

文本域 :文本内容可以多行

下滑 可以用overflow:auto 来处理 焦点框用outline:none

存在一些兼容性问题

注意事项:

form标签有外边距

input有默认margin,padding

selct默认margin

textarea有默认margin,paddiing

form表单都支持宽高,都是一个inline-block属性

创新互联www.cdcxhl.cn,专业提供香港、美国云服务器,动态BGP最优骨干路由自动选择,持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证, 机房独有T级流量清洗系统配攻击溯源,准确进行流量调度,确保服务器高可用性。佳节活动现已开启,新人活动云服务器买多久送多久。


文章标题:表格表单及样式重置、特性-创新互联
URL分享:http://csdahua.cn/article/cooocc.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流