学习网址:【优极限】 HTML+CSS+JavaScript+jQuery前端必学教程,小白教学,前端基础全套完成版_哔哩哔哩_bilibili
学习内容:
1.表单
form标签:块级元素,会自动换行,将数据传输给服务器
常用属性:action表单提交的地址url,id 唯一标识,name 名称,target 表单提交打开方式(当前窗口)
method 提交方式:get 请求(参数会直接跟在url后面,用问号拼接。安全性差,传递的数据量小,效率高,是post速度的两倍,有缓存)
post 请求:参数不会跟在url地址栏后面,会放在请求体中。安全性高,传输数据量大,速度相对来说较慢,无缓存
input 标签:
input 元素:(表单元素需要设置name属性值,否则无法传递)
type 表单元素的类型:
text 文本框
password 密码框
radio 单选框
checkbox 复选框
button 普通按钮
hidden隐藏域(用来存放需要传递给服务器,但不需要显示的数据)
file 文件域(上传文件)
date 日期框
submit 提交按钮、
reset 重置按钮
image图片按钮(提交按钮)
value 表单元素的值(默认)
checked 是否选中(单选框/复选框)
disabled 是否禁用
maxlength 允许输入的最大字符
textarea标签:多行文本输入,用cols(可见宽度)和rows(可见行数)控制文本的尺寸,可容纳无限文本
<textarea>content</textarea>
label标签:
设置label标签的for属性值与表单的id属性值对应,当点击label标签时,会自动给表单元聚焦
button按钮:
type属性:button 普通按钮,submit 提交按钮(默认值),reset 重置按钮
<button>anniu</button>
select下拉列表:
下拉选项select后+name,+multiple可选择多个选项,size为显示的选项个数
option+value
当option设置了value属性值时,提交的数据是value对应的值,若未设置value,则提交的数据是文本值
disabled="disabled"
禁用选项
2.字符实体
< <
> >
空格  
版权符 ©