一、定义和用法
<form></form>标签用于为用户输入创建HTML表单。
- 表单能够包含input元素,比如文本框(text)、密码框(password)、多选框(checkbox)、单选框(radio)、提交按钮(submit)、重置按钮( reset)、文件上传(file)等。
- 表单还可以包含menus、textarea、fieldset、legend和label元素。
- 表单用于向服务器传输数据。
- form元素属于块元素。
二、属性
属性 | 值 | 描述 |
---|---|---|
accept-charset | charset_list | 规定服务器可处理的表单数据字符集。 |
action | URL | 规定当提交表单时向何处发送表单数据。 |
enctype | application/x-www-form-urlencoded、multipart/form-data、text/plain | 规定在发送表单数据之前如何对其进行编码。 |
autocomplete | on、off | 规定是否启用表单的自动完成功能。 |
method | get、post | 规定用于发送 form-data 的 HTTP 方法。 |
name | form_name | 规定表单的名称。 |
rel | external、help、license、next、nofollow、noopener、noreferrer、opener、prev、search | 规定链接资源和当前文档之间的关系。 |
novalidate | novalidate | 如果使用该属性,则提交表单时不进行验证。 |
target | _blank、_self、_parent、_top、framename | 规定在何处打开 action URL。 |
accept | MIME_type | HTML 5 中不支持。 |
三、案例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单</title>
</head>
<body>
<div>
<form action="2.tml" method="post">
<p>请输入您的用户名:<input type="text" name="username" ></p>
<p>请输入您的密 码:<input type="password" name="pwd"></p><!-- 表示空格 -->
<p>
请选择您的性别:
<input type="radio" name="sex" value="男">男
<input type="radio" name="sex" value="女">女
</p>
<p>
请选择您的爱好:
<input type="checkbox" name="body" value="打篮球">打篮球
<input type="checkbox" name="body" value="看书">看书
<input type="checkbox" name="body" value="听歌">听歌
<input type="checkbox" name="body" value="玩游戏">玩游戏
</p>
<p>
<input type="submit" name="提交">
<input type="reset" name="重置">
</p>
</form>
</div>
</body>
</html>