Form表单

form表单有什么作用

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

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

type 属性规定 input 元素的类型。
语法

Form表单_第1张图片

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 请求对数据长度没有要求

Form表单_第2张图片

在input里,name 有什么作用

Form表单_第3张图片

radio 如何 分组

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

 Male
 Female

placeholder 属性有什么作用

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

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


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

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

表单预览

你可能感兴趣的:(Form表单)