Form表单

form表单有什么作用

  • <form>标签用于为用户输入创建 HTML 表单。
  • 表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。
    表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。
  • 表单用于向服务器传输数据。

有哪些常用的input 标签,分别有什么作用

type 属性规定 input 元素的类型。
语法 <input type="value">

post 和 get 方式的区别

两种 HTTP 请求方法:GET 和 POST
在客户机和服务器之间进行请求-响应时,两种最常被用到的方法是:GET 和 POST。

  • GET - 从指定的资源请求数据。
  • POST - 向指定的资源提交要被处理的数据

GET 方法
请注意,查询字符串(名称/值对)是在 GET 请求的 URL 中发送的:

/test/demo_form.asp?name1=value1&name2=value2

有关 GET 请求的其他一些注释:

  • GET 请求可被缓存
  • GET 请求保留在浏览器历史记录中
  • GET 请求可被收藏为书签
  • 请求不应在处理敏感数据时使用
  • GET 请求有长度限制
  • GET 请求只应当用于取回数据

POST 方法
请注意,查询字符串(名称/值对)是在 POST 请求的 HTTP 消息主体中发送的:

POST /test/demo_form.asp HTTP/1.1 Host: w3schools.com
name1=value1&name2=value2

有关 POST 请求的其他一些注释:

  • POST 请求不会被缓存
  • POST 请求不会保留在浏览器历史记录中
  • POST 不能被收藏为书签
  • POST 请求对数据长度没有要求

在input里,name 有什么作用

radio 如何 分组

<input type="radio" />

定义单选按钮。单选按钮允许用户选取给定数目的选择中的一个选项。

<input type="radio" name="sex" value="male" /> Male
<input type="radio" name="sex" value="female" /> Female

placeholder 属性有什么作用

placeholder 属性提供可描述输入字段预期值的提示信息(hint)。
该提示会在输入字段为空时显示,并会在字段获得焦点时消失。
注释:placeholder 属性适用于以下的 <input> 类型:text, search, url, telephone, email 以及 password。

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

<input type="hidden" />
定义隐藏字段。隐藏字段对于用户是不可见的。隐藏字段通常会存储一个默认值,它们的值也可以由 JavaScript 进行修改。

<input type="hidden" name="country" value="Norway" />

实现如下表单,附上预览地址。其中性别和取向是单选,爱好是多选

表单预览

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

推荐阅读更多精彩内容

  • 1.form表单有什么作用?有哪些常用的input 标签,分别有什么作用? HTML 表单用于接收不同类型的用户输...
    大胡子歌歌阅读 934评论 0 1
  • 1.form表单有什么作用?有哪些常用的input 标签,分别有什么作用? 表单在网页中主要负责数据采集功能。一个...
    FLYSASA阅读 738评论 0 0
  • 1.动手 form 表单table 表格 2. <form>表单元素 1) 简述: 元素是块级元素,其开始标签和结...
    _Dot912阅读 2,078评论 2 8
  • 1. form表单有什么作用?有哪些常用的input 标签,分别有什么作用? form表单: 标签用于为用户输入创...
    Volcaner阅读 857评论 0 0
  • 音乐真是非常非常非常美好的东西,难怪有那么多人热爱他。我们的生活离不开音乐,没有背景音乐的生活如枯槁般令人绝望。音...
    好吃的芒果饭阅读 630评论 0 2