表格标签
<table></table>定义表格标签
<tr></tr> 标签用于定义表格中的行(table row),要嵌套在<table></table>标签中
<td></td>标签用于定义行中的单元格(table data), 必须嵌套在<tr></tr>标签中
<th></th>标签定义行中的内容是否是表头内容,表头的内容会加粗并且居中对齐表格
标签常用属性
align 规定表格的相对于周围元素的水平对齐方式
border 固定表格的是否拥有边框,默认是没有的
width 固规定表格的宽度
height 规定表格的高度
cellpadding 控制单元格内容和单元格边框之间的距离(一般会设置为0)
cellspacing:控制单元格和单元格之间的距离(一般会设置为0)
合并单元格的步骤
1、找到目标单元格
2、确定是跨行还是跨列合并
跨行合并 rowspan=“被合并单元格的个数”, 合并单元格的个数最少是2
跨列合并 colspan=“被合并单元格的个数”,合并单元格的个数最少是2
3、将被和合并的单元格删除掉
属性值:url地址,用于指定接受并处理表单内容的服务器地址。
属性值:get/post,用于指定表单数据传递的方式,取值为get/post
password 定义密码输入框,输入的内容加密显示
name和value 是每个表单元素都有的属性值,主要是发送数据的时候给后台人员使用
name可以设置表单元素的名字,要求相同的单选按钮或者复选框要有相同的name值
value规定input表单元素的值,可以修改按钮的内容,也可以给文本输入框设置默认文本
checked 可以在页面重新加载的时候默认选中某个表单元素,一般只针对单选按钮和复选框
maxlength 规定输入框中的最大字符数,一般都会写正整数
label标签用于绑定一个表单元素,当点击该标签内的文本时,浏览器会将焦点自动聚焦到对应的表单元素上,可以增加用户体验。
label标签中的for属性的属性值要和绑定的表单元素的id属性值保持一致
在页面中,如果有多个选项让用户去选择,还可以节约页面的空间,就能使用select标签定义下拉列表
option标签定义列表中的选项,一个select标签至少应该有一个option标签
如果要默认选中某个选项,就给option标签添加selected属性值,属性值为selected
textarea文本域标签,一般用在评论区或者用户输入内容较多的时候(留言版)
实际开发过程中一般不会使用cols 和 rows来控制文本域的大小,会使用width 和 height来进行控制
|