表单
表单存在于浏览器中,用来收集用户信息。收集完成后,提交到服务器,多用于:登录,注册,搜索等场景
表单控件类型:
单行文本输入框: text
密码框:password
单选按钮:radio
复选按钮:checkbox
上传文件:file
提交按钮:submit
重置按钮:reset
代码示例:<input type="text">
lable标签,包裹住单(复)选框和文字时,点击文字,单(复)选框可以被选中
下拉列表:
<select>
<option>列表1</option>
<option>列表2</option>
<option>列表3</option>
......
.....
....
</select>
多行文本输入框:<textarea></tetarea>
表单属性
1.type:样式(每个input必须填写的属性,默认为text)
2.value:指定的默认值·
3.size:文本框显示的长度
4.maxlength:用户可输入最多的字符
5.name:用于给input取别名,别名在css或js以及服务器收集数据时可以使用
6.disabled:使表单禁用(可直接写属性名,不写属性值)
7.readOnly:只可以查看和获取表单的值,但无法修改(可直接写属性名,不写属性值)
8.required:规定该项input为必须写,否则整个from表单无法提交(可直接写属性名,不写属性值)
9.placeholder:用户提示信息
10.formaction=”提交按钮自定义提交地址"
11. formmethod="自定义提交方式"
向服务器提交数据的方式:
Get:速度快,安全性较低。适用于普通数据请求
Post:速度相对Get较慢,安全性较高。适用于账号密码一类保密性数据的传递