form表单
action:表单数据提交的地址
method:用来指定数据传递到服务端的基本方法
1:get:传递的数据会拼接到url后面
优点:简单、快捷
缺点:暴露敏感信息,数据传输量有限
2:post:传递的数据会隐藏起来,放在请求体。
优点:数据传输量大,信息保密性好
缺点:相比get请求,速度慢一些
各类表单元素:
Type | 功能 | 例子 |
text | 单行文本输入 |
<input type="text" name="name"> |
password | 密码 |
<input type="password" name="pwd"> |
radio | 单选 |
<input type="radio" name="sex" value="man"> 男 |
checkbox | 多选 |
<input type="checkbox" name="hobby" value="basketball">篮球 |
file | 文件上传 |
<input type="file" name="img"> |
image | 图形提交按钮 |
<input type="image" src="../img/a.png" > |
button | 普通按钮 |
<input type="button" value="注册"> |
reset | 重置表单数据 |
<input type="reset" value="清空"> |
submit | 提交表单数据 |
<input type="submit" value="登录"> |
select | 下拉菜单 |
<select name="p" id="p"> |
textarea | 文字区域 |
<textarea name="" id="" style="resize: none" cols="30" rows="10"> |