html：表单，表格
表单：form
1. 表单的作用：就是从来收集用户信息的。
2. 表单标签：
3. 常⻅的表单控件
form标签就是用来创建表单的。
form标签上的属性：
1) action：用来写数据的提交地址的（也就是服务器的地址）
2) method：用来写表单的提交方式的
a) get
b) post
3) name属性是用来给表单起名字的，主要是用来区分表单的。
如果表单控件不写在form标签里面，那么将来给服务器提交数据的时候是收集不到这个控件的信息的。
表单元素（表单控件）
表单元素上都带有value属性，意思是‘值’
1.文本输入框
2.密码输入框
3.提交按钮：
4.重置按钮：
5.普通按钮：
6.单选按钮、单选框
要想真正形成单选的效果，必须给标签写一个name属性，属性值一样的即为同一组，一组中才能有单选效果
7.多选按钮、多选框、复选框
多选同一组的选项最好也起一样的name值。
8.下拉菜单select+option
option是选项的意思。
默认选项是第一个option，要想更改默认选项不建议调整标签的书写顺序，想把哪个选项设置为默认选项，只需要在该option的后面写一个selected属性即可
9.文件选择框：
10.多行文本输入框（文本域）
默认是允许用户自行拖拽调整大小的。
禁止拖拽：resize: none;这是一个css代码。
扩展：
1.lable标签：是用来扩大用户的点击范围的。当点击文字的时候也能选中框
步骤：
先把文字放到lable标签里面去
给框起id名字
把id名字给label的for属性
好处：扩大了用户的点击范围
2.隐藏域：就是写了之后看不⻅，主要作用：是用来放一些不能给用户看的数据的
3.图像域
表单分组（表单字段集）：
作用：相当于一个框，用来对表单元素进行分组的。
fieldset（父）-legend（子），一组里面只能有一个legend
fieldset：用来给表单分组的
legend：写分组标题的
align属性调节位置： left、center、right、justify
代码区域：
效果图展示：
表格：table,自己不分组会自动创建 tbody标签
table标签就是用来创建表格的标签。
tr代表行
td代表列====单元格
th标签：表格内的表头单元格。===有加粗居中效果 caption：表格的标题标签
表格的css属性
1. 表格的各种画法：
height：一整行的高度
bgcolor：背景颜色，只对本行中的单元格起作用
align：水平方向的对⻬，只对本行中的文本起作用
valign：垂直方向的对⻬，对本行中的文本起作用
width：设置一个单元格的宽度，会影响这个单元格一整列的宽度。
height：设置一个单元格的高度，会影响这个单元格所在的一整行的高度。
bgcolor：本单元格的背景颜色。
align：水平方向的对⻬
valign：垂直方向的对⻬
========================================
合并单元格的属性：
行合并rowspan
列合并colspan
之前的属性全都是标签属性，写在标签上面的。但一般情况下用css来控制这些样式也是可以的。
border：边框
width：表格宽
height：表格高
background-color：背景色
text-align：文字居中
border-spacing: 单元格与单元格的间距。====写给table标签的
border-collapse: collapse; 合并边框线。一般用来画细线表格。====写给table标签的
table-layout: fixed;表格的布局算法属性。让宽度固定，不自动计算。====写给table标签的
表格宽度的计算方式：默认情况下单元格的宽度是自动分配的，内容多就分的多，内容少就分的少。
empty-cells:空格子显示方式。
hide：隐藏
show：显示
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！