初识form表单

1.form表单有什么作用?有哪些常用的input 标签,分别有什么作用?

:form表单用来通过web服务向server提供输入数据,实现调用搜索等任务
表单是能够输入用户信息的一个表,用来收集填写在表单的信息,提交给服务器,交给网站后台请求数据。
常见的input 标签:
name:表单的名称
value:表单的内容
type:表单的类型
type:的常见属性:
text:定义单行输入文本框
password:定义密码字段,使输入内容显示为圆点
radio:定义单选按钮,用name分组
checkbox: 定义多选按钮
submit:定义提交表单数据至表单处理程序的按钮
button:定义按钮
file:文件上传(accept属性可以规定上传文件的格式)
select:下拉菜单
method:提交方式 (post或get)
action:提交表单的地址

2.post 和 get 方式的区别?

一般post用于提交一大段数据;
get则用于提交小段数据。
使用get时,提交的表单内容可以在请求的url中显示,post则不显示,从安全角度来讲,应该使用post。

3.在input里name的作用

name的作用是提交数据的索引,没有name会导致后台无法接受到表单提交的信息。
radio中的name必须是相同的,否则无法生效。

4.radio 如何分组

举例:
<div class="sex">
<label>性别:</label>
男<input type="radio" name="sex" value="male">
女<input type="radio" name="sex" value="female">
</div>


radio.png

5.placeholder 属性有什么作用?

显示输入框中的提示,如图

placeholder.png

6.type=hidden隐藏域有什么作用? 举例说明

隐藏域在页面中,用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信息,以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候,隐藏域的信息也被一起发送到服务器,从后台给用户隐藏域中value添加值,就可以识别用户,提高安全性。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • form表单有什么作用?有哪些常用的input 标签,分别有什么作用? 标签用于为用户创建HTML表单,并向服务器...
    zx9426阅读 3,693评论 0 1
  • <input>标签 标签用于搜集用户信息,根据不同的type属性值,输入字段拥有很多种形式。输入字段可以是文本字段...
    _空空阅读 9,516评论 0 3
  • 什么是FORM表单: 表单是用来提交资料、意见,规范流程执行过程的格式。表单在网页中主要负责数据采集功能。一个表单...
    PYFang阅读 4,844评论 0 0
  • 一、Form表单有什么作用?有哪些常见的input标签,分别有什么作用? Form表单作用:简单理解就像在考试卷上...
    青鸣阅读 2,934评论 0 0
  • 1.动手 form 表单table 表格 2. <form>表单元素 1) 简述: 元素是块级元素,其开始标签和结...
    _Dot912阅读 6,240评论 2 8

友情链接更多精彩内容