热搜：前端 vuedraggable 插件 vue

HTML 表单

lxf2023-03-28 10:57:01

HTML 表单包含表单元素。

元素定义 HTML 表单

表单元素是指不同类型的表单元素 input 元素、复选框、单选按钮、提交按钮等。

HTML 该表单用于收集不同类型的用户输入。


 .
form elements
 .
元素是最重要的表单元素。

元素有很多形式，根据不同的形式 type 属性。

这是本章中使用的类型:(此外，还有password，checkbox，button等)

类型描述
text 定义常规文本输入。
radio 定义单选按钮输入(选择多个选择之一)
submit 定义提交按钮(提交表)

HTML5 输入类型

HTML5 增加了多种新的输入类型：

  • color
  • date
  • datetime
  • datetime-local
  • email
  • month
  • number
  • range
  • search
  • tel
  • time
  • url
  • week

注释：老式 web 浏览器不支持的输入类型将被视为输入类型 text。

输入限制

这里列出了一些常用的输入限制(其中一些是 HTML5 中新增的）：

属性描述
disabled 规定输入字段应禁用。
max 规定输入字段的最大值。
maxlength 规定输入字段的最大字符数。
min 规定输入字段的最小值。
pattern 规定检查输入值的正则表达式。
readonly 规定输入字段为只读(不能修改)。
required 必须规定输入字段（必须填写）。
size 规定输入字段的宽度(以字符计)。
step 规定输入字段的合法数字间隔。
value 规定输入字段的默认值。

参考：

  • HTML 输入类型
  • HTML 输入属性

输入单选按钮

定义单选按钮。

单选按钮允许用户选择有限数量的选项之一：

实例


"radio" name="sex" value="male" checked>Male


"radio" name="sex" value="female">Female

提交按钮

定义用于表单处理程序（form-handler）提交表单的按钮。

表单处理程序通常包含用于处理输入数据的脚本的服务器页面。

表单处理程序在表单中 action 属性中的指定：

实例

"action_page.php">
First name:

"text" name="firstname" value="Mickey">


Last name:

"text" name="lastname" value="Mouse">



"submit" value="Submit">

Action 属性

action 属性定义在提交表单时执行的动作。

向服务器提交表单的通常方法是使用提交按钮。

通常，表单会被提交 web 服务器上的网页。

在上述例子中，指定了一个服务器脚本来处理提交的表格:

"action_page.php">

如果省略 action 属性，则 action 它将被设置为当前页面。

Method 属性

method 提交表单时使用的属性规定 HTTP 方法（GET 或 POST）

"action_page.php" method="GET">
或：

"action_page.php" method="POST">

何时使用 GET？

您能够使用 GET(默认))：

如果表单提交是被动的(如搜索引擎查询)，并且没有敏感信息。

当您使用 GET 页面地址栏中可以看到表单数据：

action_page.php?firstname=Mickey

本文是由"秘密武器开发者中心"本站原创整理，所有内容的版权归原作者所有。

相关专题