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

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

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

<thead> 表格头部

<tbody> 表格主体

<tfoot> 表格尾部

<tr>行

<th>表格标题

<td>单元格

一般只用<tbody>

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

rowspan 属性规定单元格可横跨的行数只能放在td标签中<td colspan='2'>

例：

<table>

<thead>

<tr>

<th>

</th>

</tr>

</thead>

<tbody>

<tr>

<td>

</td>

</tr>

</tbody>

</table>

注意事项：

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

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

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

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

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

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

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

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

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

2.<form> 表单标签

<input type="submit" value="提交OK"/> 提交按钮

<input type="text" name=""/> 文本框文本内容只能为单行

<input type="password" name=""/> 密码框

(

<input type="radio" name="gender" id="a"/><label for="a">男</label> 单选框

)

</label>文字和单选按钮相连接点击文字也能选到单选框

（

<input type="checkbox" name="" disabled/> 旅游

<input type="checkbox" name="" disabled/> 建设

<input type="checkbox" name="" checked/> 美食

check 默认选中 disabled 默认静掉

）复选框

<input type="file" name=""/>上传

<input src="" type="img" name=""/>图片也具备提交功能

<input type="button" name=""/> 按钮功能没有任何功能

<input type="reset" name=""/> 重置一般不用

<input type="hidden" name=""/> 一个隐藏按钮前端没有对于后台有用处

(

</select>

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

文本域 :<textarea></textarea>文本内容可以多行

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

存在一些兼容性问题

注意事项：

form标签有外边距

input有默认margin,padding

selct默认margin

textarea有默认margin，paddiing

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

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

文章名称：表格表单及样式重置、特性-创新互联
文章URL：https://www.cdcxhl.com/article22/cooocc.html

成都网站建设公司_创新互联，为您提供云服务器、全网营销推广、微信公众号、关键词优化、网站策划、标签优化

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容