form表单
用于收集用户信息,如:登录、注册等场景;所有要提交的数据都必须放在form标签中
action:提交地址、动作,与input标签中typy标签的submit属性相关联。 ,提交地址是action的地址
method:提交方法,有get和post两种提交方法。
get方法:提交数据可以再URL中看见,
例如:(1)以http://reg.email.163.com/unireg/call.do?cmd=register.entrance&from=126mail传递参数
(2)URL长度有限制,所以传递的参数数据就有限制
(3)由于数据可以看见,所以不安全
(4)网页默认的请求是get
post方法:
1. 将form data 保存在http的请求体
2. 没有长度限制
3. 安全的
4. 往往在开发中用于提交数据form表单提交post
5. 文件上传 method = post enctype=multipart/form-data
input标签:输入框,是表单中最重要的部分
name:指定名字,因为提交的是键值对,所以必须要指定名字,否则无法提交,即使提交了也没有意义
value:文本框的内容,一般用在不能输入的类型中,如改变按钮的名字等。
placeholder:占位内容,通常用于提示:
<
readonly:只读模式,设置后无法修改输入框的内容
disabled:禁用状态
<
size:由于输入框是单行的,所以只能设置宽度
maxlength:限制输入框最大输入的字符个数
type属性:
text:普通文本,标签的默认属性时text ,通常如输入用户名用的是text
passworld:密文文本,输入的内容不显示。如密码输入框
submit:提交按钮。上文提到过,要与action一起用。
radio:单选框,多个关联选项name属性要一致,需要设置value,默认选中用checked设置
:用于关联单选按钮与文字。
<
CheckBox:复选框,属性与单选框类似
<
file:文件上传,需要进行配套设置。提交方法需要用post
hidden:隐藏字段,该字段根普通字段一样,但是不会在页面上显示
<
除了输入框外常用的还有下拉选择框和文本域
select:下拉选择框
属性name需要设置
size:可以设置高度(选项个数)
每个选项都是一个option,必须指定value,默认选中使用属性selected
<
textarea:文本域。
说明:可以输入多行文本
属性:
cols:列数(宽度)
rows:行数(高度)
注意:不要在标签书写任何多余的内容
<
例子:
为了对齐方便使用table表格标签来辅助对齐。
<