购物车
登陆 / 注册
微信扫码登陆

推荐手册

HTML 教程手册(新) >> HTML标签
其他教程参考

表单标签<form>

表单标签<form>
HTML 表单标签<form>用于创建供用户输入的 HTML 表单;所有主流浏览器都支持 <form> 标签。
灭绝小师太 灭绝小师太 更新时间:2019-04-19 16:21:53

HTML <form> 标签


标签定义及使用说明

<form> 标签用于创建供用户输入的 HTML 表单。

<form> 元素包含一个或多个如下的表单元素:


浏览器支持

    

所有主流浏览器都支持 <form> 标签。


HTML 4.01 与 HTML5之间的差异

HTML5 新增了两个新的属性:autocomplete 和 novalidate,同时不再支持 HTML 4.01 中的某些属性。


HTML 与 XHTML 之间的差异

在 XHTML 中,name 属性已被废弃。使用全局 id 属性代替。


属性

New :HTML5 中的新属性。

属性描述
accept MIME_typeHTML5 不支持。规定服务器接收到的文件的类型。(文件是通过文件上传提交的)
accept-charsetcharacter_set 规定服务器可处理的表单数据字符集。
actionURL规定当提交表单时向何处发送表单数据。
autocomplete New

on

off

规定是否启用表单的自动完成功能。
enctype 

application/x-www-form-urlencoded

multipart/form-data

text/plain 

规定在向服务器发送表单数据之前如何对其进行编码。(适用于 method="post" 的情况)
method

get

post 

规定用于发送表单数据的 HTTP 方法。
nametext规定表单的名称。
novalidateNewnovalidate如果使用该属性,则提交表单时不进行验证。
target

_blank

_self

_parent

_top 

规定在何处打开 action URL。


全局属性

<form> 标签支持 HTML 的全局属性


事件属性

<form> 标签支持 HTML 的事件属性


带有两个输入字段和一个提交按钮的 HTML 表单:

实例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>html中文网(html.cn)</title> 
</head>
<body>

<form action="demo-form.php">
First name: <input type="text" name="FirstName" value="Mickey"><br>
Last name: <input type="text" name="LastName" value="Mouse"><br>
<input type="submit" value="提交">
</form>

<p>点击"提交"按钮,表单数据将被发送到服务器上的“demo-form.php”。</p>

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例


带有复选框的表单

此表单包含两个复选框和一个提交按钮。

实例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>html中文网(html.cn)</title> 
</head>
<body>

<form action="demo-form.php" method="get">
  <input type="checkbox" name="vehicle[]" value="Bike"> I have a bike<br>
  <input type="checkbox" name="vehicle[]" value="Car" checked="checked"> I have a car<br>
  <input type="submit" value="提交">
</form>

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例


带有单选按钮的表单

此表单包含两个单选框和一个提交按钮。

实例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>html中文网(html.cn)/title> 
</head>
<body>

<form action="demo-form.php" method="get">
  <input type="radio" name="sex" value="Male"> Male<br>
  <input type="radio" name="sex" value="Female" checked="checked"> Female<br>
  <input type="submit" value="提交">
</form>

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

网站导航
标签地图
学习路径
视频教程
开发软件
旗下子站
php中文网
phpstudy
技术文章
文档工具
关于我们
企业合作
人才招聘
联系我们
讲师招募
QQ交流群
QQ官方交流群
微信公众号
微信公众号