表单Form标签和表格Table标签

早过忘川 提交于 2019-12-01 16:14:37


列表标签:
无序列表

ul 代表整个无序列表
li 代表列表中的每一个列表项
有序列表
ol 代表的就是有序列表
li 代表列表中的每一个列表项
定义列表(名词解释列表)
dl 代表定义列表
dt 代表的是要定义的名字或者是要解释的名词
dd 代表该名字下的每一条内容,或者名词的每一条解释

表单标签:
form 表单 action属性代表提交到的地址
input 表示一个输入框标签
type属性 代表可输入内容的类型
type属性值:
text 代表单行文本
password 代表密码框
email 代表邮箱输入框
radio 代表的就是单选框 如果想要实现单选功能,name一组单选框必须给以相同的name属性名字
在单选中如果想要某个单选框是默认被选中状态,则需要给对应input标签加一个checked属性
checkbox 代表多选框 也叫复选框 如果想要添加默认选中项,同样是checked属性添加
reset 表示重置按钮 代表将所有在form表单中的内容重置成默认状态
submit 表示提交按钮 点击后会将数据提交到对应位置,同时页面也会进行刷新
value属性 表示设置输入框的内容
label 每一个label标签都需要和一个input标签配合使用,表示和对应input标签进行关联
for属性 里面的内容需要写一个对应的ID名字,指向input的id属性值

表单内容:
form 表单
input 输入框
name属性:标签的名字
value属性:设置输入框的默认内容
checked属性:设置单选或多选的默认项
type属性:用于确定输入框的类型
type属性的属性值:
text:单行文本
password:密码
email:邮箱
radio:单选
checkbox:多选
reset:重置
submit:提交
file:文件上传
image:以图片作为提交按钮 同时需要设置 src属性 用于获取图片的路径
button:普通按钮 需要使用value属性添加按钮上的默认文字
placeholder属性:用户输入框的默认提示信息

button标签 表示按钮 在form表单中相当于一个提交按钮

下拉菜单:
select 代表整个下拉菜单
option 表示每一个下拉选项
selected属性 表示设置默认显示的下拉选项

文本域:
textarea 代表一个文本域
cols属性 代表一行最多可以设置多少个字符
rows属性 代表一共可以显示多少行
disabled属性 代表禁用文本域

 

表格: 必须是工整的,就是一个完整的表格必须是一个规整的矩形
table标签 表示一个表格
border属性 表示设置单元格的边框
cellpadding属性 表示单元格内容与边框之间的距离
cellspacing属性 表示单元格与单元格之间的距离

表格:
table标签
属性:
border 设置边框
width 设置整个表格的宽度
style="border-col0lapse: collapse" 设置合并边框线
height 设置高度
tr标签 表格的行
td标签 表格的单元格
属性 colspan 代表跨列 如果设置跨列,那么不管是跨几列,对应的当前行都要相应的减少对应的列数
rowspan 代表跨行 如果设置跨行,那么跨几行,对应的后面的行就要相应减少一个单元格
例如 rowspan="3" 那么后两行就要依次减少一个单元格
thead标签 表格的表头 tr表示行 th表示表头的单元格
tbody标签 表格的主体 tr表示行 td表示主体的单元格
属性:
align 表示单元内的文字水平对齐方式 left 左对齐 center 居中 right 右对齐


caption标签 表格的标题

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!