博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML 笔记 表格与按钮框
阅读量:5299 次
发布时间:2019-06-14

本文共 1084 字,大约阅读时间需要 3 分钟。

表格

标记:
<table></table>:表示一个表格
属性:table
height
align
border 边框宽度,取值以px为单位
bgcolor
cellspacing:单元格外边距(单元格与单元格 或者单元格与表格之间的距离)
ccellpadding:单元格内边距(单元格与内容之间的距离)
<tr></tr>:表示表格中的一行
 
<tb></tb>:表示行中的一咧
<th></th>:行/列 标题(加粗,水平居中)
<caption></caption>:表格的标题
该元素必须添加在<table>之下,所有tr之上

表格的复杂使用

行分组
允许将若干行划分到 一个组中
表头行分组
允许将第一行的内容单独分到表头行分组中
<thead></thead>
表尾行分组
允许将最后行的内容单独分到表尾行分组中
<tfoot></tfoot>
表主体行分组
<tbody></tbody>>

2、不规则表格创建
1、通过td 跨行和跨列实现不规则的表格
1、跨列
<td colspan=""> 从指定单元格位置处开始,横向向右,合并掉几个单元格(包含自己),被合并的单元格要删除
2、跨行
<td crowspan=""> 从指定单元格位置处开始,纵向向下,合并掉几个单元格(包含自己),被合并的单元格
3、 表格的嵌套
被嵌套的所有的内容,只能放在td中

 

列表

1、作用:按照一定格式显示数据
组成:列表联系以及列表项

value:最终提交给服务器的中
name:控件的名称,提供给服务器使用
disaled:禁用控件,该属性没有值,只能看,不能改,并且不能交给服务器

 

单选按钮和复选框:

标记:单选按钮:<input type="radio"/>
复选框:<inout type="checkbox"/>
文本框:<input type="text"/>
密码框:<input type="password"/>
提交按钮:<input type="submit"/>
重置按钮:<input type="reset"/>
普通按钮:<input type="buton"/>
文件筐:<input type="file"/>
隐藏域:<input type="hidden"/>
文本域:<textarea>文本</textarea>

 

标签:表单中的文本,用于控件设置显示名称
语法:<ladel for="控件id">文本</ladel>

 

转载于:https://www.cnblogs.com/xf2764/p/10326252.html

你可能感兴趣的文章
我的工作习惯小结
查看>>
把word文档中的所有图片导出
查看>>
浏览器的判断;
查看>>
ubuntu 18.04取消自动锁屏以及设置键盘快捷锁屏
查看>>
Leetcode 589. N-ary Tree Preorder Traversal
查看>>
thinking back no11
查看>>
机器学习/深度学习/其他开发环境搭建记录
查看>>
xml.exist() 实例演示
查看>>
判断是否为空然后赋值
查看>>
中标麒麟QT+ODBC+人大金仓开发环境配置
查看>>
zabbix监控日志文件
查看>>
正则表达式
查看>>
pip install torch on windows, and the 'from torch._C import * ImportError: DLL load failed:' s...
查看>>
环套树
查看>>
java基础(一):我对java的三个环境变量的简单理解和配置
查看>>
arcgis api 4.x for js 结合 Echarts4 实现散点图效果(附源码下载)
查看>>
YTU 2734: 国家排序
查看>>
YTU 2625: B 构造函数和析构函数
查看>>
Notepad++ 16进制编辑功能
查看>>
Caffe: Cannot create Cublas handle. Cublas won't be available
查看>>