html⽂本框获取表格内容,html表格、表单
知识点⼀：表格
1、表格标签  table
2、表格的组成  ⾏ tr  单元格  td
3、建⽴表格步骤
1、建⽴表格，
2、判断⾏数和列数
3、⽤⾏去包含单元格
4、在每个单元格中去添加内容
4、表格的各⼤属性
cellspacing：边框与边框之间的距离
cellpadding：单元格内容与边框之间的距离
border：表格的边框
width：表格的宽
height：表格的⾼
6、表格的结构：
标题：caption标签
表头：thead标签 表格的第⼀⾏，⼀般⽤来描述每⼀列所显⽰的内容，⽤thead标签讲第⼀⾏包起来，然后⽤th替换td，单元格中的内容相对于单元格⽔平居中，且加粗
表格主体：tbody标签
7、表格的标题，caption只在表格中使⽤
8、表格的缺点：
a. 太深的嵌套，⽐如table>tr>td>h3，会导致搜索引擎读取困难，⽽且，最直接的损失就是⼤⼤增加了冗余代码量。
b. 灵活性差，⽐如要将tr设置border等属性，是不⾏的，得通过td
c. 代码臃肿，当在table中套⽤table的时候，阅读代码会显得异常混乱
d. 混乱的colspan与rowspan，⽤来布局时，频繁使⽤他们会造成整个⽂档顺序混乱。
e. 不够语义
知识点⼆：合并单元格
1、分类：跨⾏合并、跨列合并
2、步骤
1、判断是跨⾏合并还是跨列合并
2、跨⾏合并⽤rowspan属性，跨列合并⽤colspan属性
3、将属性写在需要合并的单元格上
4、将合并的⾏数或者列数写在对应的属性值中
5、将多余的单元格注释掉
知识点三：表单
1、作⽤：显⽰、存储、提交数据
2、组成：表单域、表单标签、提交按钮
表单标签：action：表单向后台提交的地址
method：向后提交的⽅式 get  post
表单域：表单中的元素  (包含了⽂本框、密码框、隐藏域、多⾏⽂本框、复选框、单选框、下拉选择框和⽂件上传框) input控件
1、普通的⽂本框  type = text
获取焦点：光标放在输⼊框内，可以打出⽂字
单击指定名字获取焦点需要将label标签中的属性值与input输⼊框的属性值保持⼀级即可
密码框 :type=post
单选框:type =radio
多选框：type=checkbox
普通按钮：type=button
提交按钮：type=submit
重置按钮：type=reset
2、 value：输⼊框的值
html内容文本框3、  placeholder：提⽰信息
4、 默认单选选中 1、checked="checked
2、checked
3、checked=true
5、多选框：默认多选选中 1、checked="checked”
2、checked
3、checked=true
6、选择框默认选中1、selected=”selected”
2、selected
3、selected=true
7、label标签
label标签为input元素定义标注(标签)。
lable作⽤：⽤于绑定⼀个表单元素，当点击label标签的时候，被绑定的表单元素就会获得输⼊焦点。
8、textarea控件
如果需要输⼊⼤量的信息，就需要⽤到textarea/textarea标签。通过textarea控件可以轻松地创建多⾏⽂本输⼊框。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。