HTML表单简介
HTML表单是用户和web站点或应用程序之间交互的主要内容之一。它们允许用户将数据发送到web站点。大多数情况下,数据被发送到web服务器,但是web页面也可以拦截它并自己使用它。
HTML表单有哪些组成部分
-
form标签
所有HTML表单都以一个form元素开始,<form>
标签用于创建供用户输入的HTML表单。
<form action="/getInfo" method="get">--------</form>
action属性定义了在提交表单时所收集的数据的位置(URL)。
method属性定义了发送数据的HTTP方法(它可以是“get”或“post”)。
-
label标签
<label for="username">姓名</label>
for 属性规定 label 与哪个表单元素绑定,用户只用单击label标签就可以在相对应的文本框中输入数据。
-
input标签
<input id="username" type="text" name="username" >
<input id="password" type="password" name="password" placeholder="输入密码">
<input type="checkbox" name="hobby" value="read"> 读书
在input元素中,最重要的属性是type属性。根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。
input常用标签及作用
input标签 | 作用 |
---|---|
text | 单行文本框 |
password | 密码输入框 |
checkbox | 多选组件 |
radio | 单选组件 |
textarea | 多行选项框 |
select | 下拉菜单选项 |
hidden | 隐藏域 |
button | 按钮 |
submit | 提交 按钮 |
reset | 重置按钮 |
file | 上传文件 |
网友评论