表单

一. post和get方式提交数据的区别

安全性:get提交的数据url可以看得到,post看不到,并且get提交的数据会在浏览器的记录中,安全性不好

提交原理:get是以key=value的形式拼接到url中,post讲数据放入http请求体中

数据量:get提交的数据受浏览器限制,url不可能拼接无限长,post理论上无限制,受服务器限制

使用场景:get 重在 "要"数据,get得到的数据可以暂时缓存起来, post 重在"给"数据

二.form表单中的常用标签及其属性

1.form标签

说明:

action:表单提交的地址

method:提交表单的方法,常见的有post,get,(不支持put,patch,delete)

target:在何处打开url,例如_target为在新页面打开提交的地址

enctype:加密类型,有application/x-www-form-urlencoded ,text/plain ,multipart/form-data

2.input标签-text类型

用户名:

说明:

标签的作用:扩大选择范围,鼠标点击用户名三个字也可以将输入框变成focus状态

placeholder:在输入框中显示一个提示,没有其他作用

name:  提交数据时,标识该文本框的key

value:提交数据时,标识该文本框的默认value,修改后value会变成输入的数据

3.input标签-submit类型

说明:

该标签会显示一个按钮,点击会提交该标签所在form表单下的数据,value为该按钮上显示的字

注: <button>提交</button>和该标签效果一样,点击会提交;而<input type="button" value="提交">点击不会有提交效果

4.input标签-radio(单选框),checkbox(复选框)类型

说明:

name相同的radio即为一组,一组内的单选框只能选择一个

checked:表示默认选择的单选框

5.其他input标签类型

<!--日历--><!--选择文件,accept设置只能接受该文件类型--><!--只能输入数字--><!--输入完内容,回车即可提交--><!--只有输入的文本为email形式才能提交--><!--只有输入的文本为url形式才能提交--><!--范围选择条--><!--选择颜色--><!--重置表单中的所有内容为初始默认值--><!--为了解决CSRF安全问题,详见三.补充-->

6.select标签

说明:

name:选择列表的提交的key,value:选择列表提交的value

option:代表选择列表的每一项

上海,北京,南京:选择列表每一项显示的内容

selected:默认选中的选择列表项

7.textare标签

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 思考:Web2.0的显著特点信息共建,也就是用户可以将自己想要分享的数据提交给服务器端。但是用户能够看到的是最终的...
    好像在哪见过你丶阅读 1,235评论 0 1
  • HTML表单HTML表单用于搜集用户输入HTML表单常用属性及说明:属性描述accept-charset规定在被提...
    Lv_0阅读 509评论 0 1
  • 1.form表单有什么作用?有哪些常用的input 标签,分别有什么作用? HTML 表单用于接收不同类型的用户输...
    大胡子歌歌阅读 931评论 0 1
  • <input>标签 标签用于搜集用户信息,根据不同的type属性值,输入字段拥有很多种形式。输入字段可以是文本字段...
    _空空阅读 4,089评论 0 3
  • 什么是FORM表单: 表单是用来提交资料、意见,规范流程执行过程的格式。表单在网页中主要负责数据采集功能。一个表单...
    PYFang阅读 1,165评论 0 0