HTML——表单

表单的作用,常用的input属性

type 作用
checkbox 复选框,通过name来分组,通过value提供值
radio 单选框,通过name来分组,通过value提供值
button 可点击按钮
hidden 隐藏的输入字段
image 图像形式的提交按钮
file 输入字段和“浏览”按钮,供文件上传
password 密码字段,输入时自动变为*号
reset 重置按钮,会清空表单中所有数据
submit 提交按钮,会将表单中的数据发送到服务器
text 单行的输入字段,可在其中输入文本,默认20个字符宽度

还可以用下拉菜单——select。如下。
它将形成一个下拉菜单,通过value提供值。

<select name="beans">
    <option valve="a">A</option>
    <option valve="b">B</option>
    <option valve="c">C</option>
    <option valve="d">D</option>
</select>

当需要输入大段文字时。可以用textarea

<textarea name="article">
 
</textarea>

我们可以通过CSS设置它的大小、是否可拖动、内部padding等属性。

post和get方式的区别

** get **是将要上传的参数列队加到提交表单的action属性所指的URL中,其中的值和表单内各个字段一一对应,在URL中可以看到。
** post **是通过HTTP post机制,将表单内各个字段与内容放置在HTML HEADER内一起传送到action属性所指的URL中,在URL中用户看不到其中的值。

在input里,name有什么作用

当input属性或者select和textarea中没有name属性时。提交表单的时候这个没有name的值将不会提交。
并且,checkboxradio都会通过name来分组。相同的name值将划分为同一组,不同的name值将划分为不同的值。

radio如何分组

radio通过name分组。

placeholder属性有什么作用

在文本输入框中预先显示内容。如

<textarea name="Comments" rows="10" cols="50" placeholder="STH"></textarea>

在上面代码显示出来的文本框中。将显示"STH"文字。当用户点击文本框且输入内容时,"STH"将消失,并且"STH"并不会在提交表单时传输给后台,即便用户没有在文本框中输入任何内容。

type=hidden隐藏域有什么作用

  1. 暂存一些值。
  2. 安全,在提交后,后端可以通过hidden中的的value在校验用户发来的数据是否是被允许的。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • <input>标签 标签用于搜集用户信息,根据不同的type属性值,输入字段拥有很多种形式。输入字段可以是文本字段...
    _空空阅读 4,070评论 0 3
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,881评论 18 139
  • 1 表单是如何工作的? 用户在网页上填写表单并提交所填信息,浏览器将用户提交的数据发送至 Web 服务器, Web...
    饥人谷_Mily阅读 1,207评论 0 1
  • 常见问题 form表单有什么作用?有哪些常用的input 标签,分别有什么作用? HTML 表单用于搜集不同类型的...
    JohnHank阅读 441评论 0 0
  • 画的是一头蓝鲸,但不要与(蓝鲸yx)想到一起,没有看明白的就认为我是个抽象派的吧!还有一些朋友说是鲲,我只好说“鲲...
    小_崔阅读 509评论 2 3