菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育
标题:
零基础前端开发-辛洋-20230412
[打印本页]
作者:
肤浅1543
时间:
2023-4-12 23:00
标题:
零基础前端开发-辛洋-20230412
表格标签
<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、将被和合并的单元格删除掉
列表标签
无序标签
有序标签
自定义标签
查单标签
常用的属性
action
属性值：url地址，用于指定接受并处理表单内容的服务器地址。
method
属性值：get/post，用于指定表单数据传递的方式，取值为get/post
name
属性值：名称，用于区分同一个页面中的不同的表单
表单控件
text 定义单行输入文本框，输入文本内容
password 定义密码输入框，输入的内容加密显示
button 定义按钮，一般会和js联合使用
file 定义文件提交按钮
radio定义单选按钮
checkbox定义多选按钮
submit定义提交按钮
reset定义重置按钮
input表单元素的其他属性
name和value 是每个表单元素都有的属性值，主要是发送数据的时候给后台人员使用
name可以设置表单元素的名字，要求相同的单选按钮或者复选框要有相同的name值
value规定input表单元素的值，可以修改按钮的内容，也可以给文本输入框设置默认文本
checked 可以在页面重新加载的时候默认选中某个表单元素，一般只针对单选按钮和复选框
maxlength 规定输入框中的最大字符数，一般都会写正整数
label标签的使用
label标签用于绑定一个表单元素，当点击该标签内的文本时，浏览器会将焦点自动聚焦到对应的表单元素上，可以增加用户体验。
label标签中的for属性的属性值要和绑定的表单元素的id属性值保持一致
select表单元素
在页面中，如果有多个选项让用户去选择，还可以节约页面的空间，就能使用select标签定义下拉列表
基本语法
select标签定义下拉列表
option标签定义列表中的选项，一个select标签至少应该有一个option标签
如果要默认选中某个选项，就给option标签添加selected属性值，属性值为selected
textarea表单元素
textarea文本域标签，一般用在评论区或者用户输入内容较多的时候（留言版）
例
cols 控制文本域中的文字应该显示多少列
rows 控制文本域中的文字应该显示多少行
实际开发过程中一般不会使用cols 和 rows来控制文本域的大小，会使用width 和 height来进行控制
今日问题
无
欢迎光临 菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)
Powered by Discuz! X3.4