HTML <form> 标签 - 蝴蝶教程

<form>标签定义和用法

<form>标签用于为用户输入创建HTML表单。 <form>元素可以包含以下一个或多个表单元素：

<form>浏览器支持

Internet Explorer/Edge	Chrome	FireFox	Safari	Opera

支持	支持	支持	支持	支持

<form>标签实例

<!DOCTYPE html>
<html>
<body>
<form action="/jc_script/action.php">
    用户名：<input type="text" name="FirstName" value="Mickey"><br>
    爱好：<select name="fav"><option selected="selected" value="basketball">篮球</option><option value="football">足球</option></select><br/>
    个人介绍：<textarea name="remark">我十分的帅气</textarea><br/>
    <input type="submit" value="提交">  <button type="reset">重置</button>
</form>
<p>单击“提交”按钮，表单数据将发送到服务器上名为“/jc_script/action.php"”的页面。</p>
</body>
</html>

尝试一下

HTML4.01和HTML5之间的差异

HTML5添加了两个新属性：autocomplete和novalidate，并删除了accept属性。

<form>属性

橙红色的5标识表示HTML5添加的新功能。

属性名	属性值	描述
accept	file_type	HTML5不支持。指定服务器接受的以逗号分隔的文件类型列表(可以通过文件上传提交)
accept-charset	character_set	指定用于表单提交的字符编码
action	URL	指定在提交表单时将表单数据发送到何处
autocomplete5	on off	指定窗体应该自动完成打开还是关闭
enctype	application/x-www-form-urlencoded multipart/form-data text/plain	指定将表单数据提交给服务器时应如何对其进行编码(仅适用于method="post")
method	get post	指定发送表单数据时使用的HTTP方法
name	text	指定表单的名称
novalidate5	novalidate	指定提交时不应验证该表单
target	_blank _self _parent _top	指定在何处显示提交表单后接收到的响应

<form>全局属性

<form>标签还支持全局属性。查看有关全局属性的更多知识。

<form>事件属性

<form>标签还支持事件属性。查看有关事件属性的更多知识。

<form>相关页面

<form>标签还支持事件属性。 HTML教程：HTML表单和输入

<form>默认CSS设置

form {
    display: block;
    margin-top: 0em;
}