form表单知识总结

form表单的作用及input标签


form表单的作用

填写用户信息,提交给后台。

标签及属性

input标签及属性

type属性值 含义
text 文本 用法type="text" name="username"
password 密码 用法type="password" name="password"
placeholder="输入密码"
checkbox 复选框 用法type="checkbox"name="hobby" value=‘read"/"name"
radio 单选框 用法type="radio" name="sex" value="男"/"女"
file 上传文件,用法type="file" accep="image/gif" name="myfile"
hidden 隐藏,用法type="hidden" name="abcd" value="1235"
button 按钮 用法:type="button" value="Button"
submit 提交 用法:type="submit" value="Submit"
reset 重置 用法:type="reset" value="Reset"

其它标签及用法

标签 用法
lable <lable for="username">姓名</lable>
<input id="username" type="text" name="username">
for和id连用,表示点击姓名就可以输入
select 文本框,用于写入大段文字
<select name="city">
<option value="beijing">北京</option>
<option value="shanghai">上海</option>
</select>
textarea <textarea name="article">
aaa(输入框中默认显示)
</textarea>
form 用法:<form action="/abd" method="get/post"></form>
action代表表单提交的地址,必须把表单用form包裹

附:1. name:提交到后台的索引,比如在复选框中都要设置成name="hobby"说明几个复选框都在爱好下。
2.value:value在复选框和单选框中如果不设的话,则显示on不知道选的是哪个;value在text中可以设置默认值。
3.单选框(radio)默认选中是checked;select标签默认选中是selected。
4.type=hidden隐藏域的作用:

隐藏域是用来收集或发送信息不可见的元素,对于网页的访问者来说,隐藏域是看不见的。当表单被提交时,隐藏域就会将信息用你设置时定义的名称和值发送到服务器上。代码格式:<input type="hidden" name="..." value="...">。name属性定义隐藏域的名称,要保证数据的准确采集,必须定义一个独一无二的名称。value定义隐藏域的值。,其实说白了,就是从表中取值id值,或者别的变量值,但在页面中不显示。简单来说就是,想要提取上一页的某些信息,但在上一页又不能显示的这些东西就采用隐藏域。

5.name如何分组:具有相同name属性radio为同一组:

 <lable>性别</lable>
 <input type="radio" name="sex" value="man">男
 <input type="radio" name="sex" value="woman">女
 <lable>取向</lable>
 <input type="radio" name="sex1" value="man">男
 <input type="radio" name="sex1" value="woman">女```
###get和post的区别
1. get获取的数据会附在url后(就是把数据放置在http协议的头中),以?分割url和传输数据,参数之间以&相连。post把提交的数据则放置在http包的包体中。
2. get方式提交的数据最多只能是1024字节。而post没有限制,可以传输较大量的数据
3. post的安全性比get的安全性要高。例如:通过get提交数据,用户名和密码将明文出现在url上,因为登录界面有可能被浏览器缓存,其他人查看浏览器的历史记录就可以拿到你的账户和密码了。
另外,get是向服务器发送索取数据的一种请求,post是向服务器提交数据的一种请求。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 什么是FORM表单: 表单是用来提交资料、意见,规范流程执行过程的格式。表单在网页中主要负责数据采集功能。一个表单...
    PYFang阅读 1,163评论 0 0
  • <input>标签 标签用于搜集用户信息,根据不同的type属性值,输入字段拥有很多种形式。输入字段可以是文本字段...
    _空空阅读 4,083评论 0 3
  • 1.form表单有什么作用?有哪些常用的input 标签,分别有什么作用? HTML 表单用于接收不同类型的用户输...
    大胡子歌歌阅读 930评论 0 1
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,993评论 19 139
  • 1、.java源文件: 一个以”.java“为后缀的源文件:只能有一个与文件名相同的类,可以包含其他类。 2、类方...
    Hughman阅读 1,524评论 1 9