表单
1、<form></form>:声明一个表单,所有表单的内容必须放在里面-----作用:传数据
属性:
action:你的数据要提交到哪里 ------ 提交到php文件
method:数据的传输方式
值:
get:默认值 不写的method的时候,数据的传输方式就为get ----明文传输 (url传值)
post:密文传输 ---- 密码 登录 上传头像 文件的传输只能用post
2、<input />标签
属性:
1、必须属性 name 没有name属性是无法传值的,name的属性值自定义
2、type的属性值:
1、text:文本输入框
2、password:密码框
3、email:表示输入的文本必须为邮箱
4、url:表示输入的内容必须为url地址
5、submit:表示一个提交按钮 应该给出值 value="按钮的名称"
6、image:图片作为一个按钮 src属性 属性值为图片地址
7、file:上传文件 文件选择
注意:
1、表单的提交方式必须为post
2、需要添加属性 enctype='multipart/form-data' 指定数据的传输格式
8、radio:单选框
9、checkbox:多选框
单选框和多选框注意:
1、值必须给出
2、同一个选项下边的名字必须相同
3、多选框的name的属性值格式应为 name='aihao[]'
4、checked属性表示默认选择
10、color:提供一个颜色板供选择颜色
11、reset:表示重置按钮
12、button:表示单纯的按钮
13、number:表示限定内容为数字
属性:
max最大值
min最小值
step表示增量
14、range:滑动条
属性:
max最大值 默认为100
min最小值 默认为0
15、select:下拉列表
16、option:表示下拉列表的列表项 ,option标签需要在select标签内,需要给出value的属性值
属性:selected 默认选择
17、button:按钮
type属性:
默认值为submit ,默认是一个提交按钮
submit:提交按钮
reset:重置按钮
button:普通按钮
18、textarea:文本域
cols:限定初始状态的高度
rows:限定初识状态的宽度
注意:cols和rows 他们的单位不是px
19、共有属性;
1、value:任何输入的内容都可以设定value值,他会默认呈现
2、placeholder:站位符,用于给出用户的提示
两者区别:
value值可以不写,直接提交表单有数据
placeholder不写值,提交表单对应的数据为空
3、disabled:表示禁用
1、<form></form>:声明一个表单,所有表单的内容必须放在里面-----作用:传数据
属性:
action:你的数据要提交到哪里 ------ 提交到php文件
method:数据的传输方式
值:
get:默认值 不写的method的时候,数据的传输方式就为get ----明文传输 (url传值)
post:密文传输 ---- 密码 登录 上传头像 文件的传输只能用post
2、<input />标签
属性:
1、必须属性 name 没有name属性是无法传值的,name的属性值自定义
2、type的属性值:
1、text:文本输入框
2、password:密码框
3、email:表示输入的文本必须为邮箱
4、url:表示输入的内容必须为url地址
5、submit:表示一个提交按钮 应该给出值 value="按钮的名称"
6、image:图片作为一个按钮 src属性 属性值为图片地址
7、file:上传文件 文件选择
注意:
1、表单的提交方式必须为post
2、需要添加属性 enctype='multipart/form-data' 指定数据的传输格式
8、radio:单选框
9、checkbox:多选框
单选框和多选框注意:
1、值必须给出
2、同一个选项下边的名字必须相同
3、多选框的name的属性值格式应为 name='aihao[]'
4、checked属性表示默认选择
10、color:提供一个颜色板供选择颜色
11、reset:表示重置按钮
12、button:表示单纯的按钮
13、number:表示限定内容为数字
属性:
max最大值
min最小值
step表示增量
14、range:滑动条
属性:
max最大值 默认为100
min最小值 默认为0
15、select:下拉列表
16、option:表示下拉列表的列表项 ,option标签需要在select标签内,需要给出value的属性值
属性:selected 默认选择
17、button:按钮
type属性:
默认值为submit ,默认是一个提交按钮
submit:提交按钮
reset:重置按钮
button:普通按钮
18、textarea:文本域
cols:限定初始状态的高度
rows:限定初识状态的宽度
注意:cols和rows 他们的单位不是px
19、共有属性;
1、value:任何输入的内容都可以设定value值,他会默认呈现
2、placeholder:站位符,用于给出用户的提示
两者区别:
value值可以不写,直接提交表单有数据
placeholder不写值,提交表单对应的数据为空
3、disabled:表示禁用
本文详细介绍了HTML表单的各种元素及属性,包括<form>标签的使用方法、不同类型的<input>标签及其特性,如文本框、密码框、文件上传等,并解释了这些元素如何帮助收集和验证用户输入。
966

被折叠的 条评论
为什么被折叠?



