HTML 表单

2017-11-02  本文已影响0人  饥人谷_adoreu

HTML表单简介

HTML表单是用户和web站点或应用程序之间交互的主要内容之一。它们允许用户将数据发送到web站点。大多数情况下,数据被发送到web服务器,但是web页面也可以拦截它并自己使用它。

HTML表单有哪些组成部分

所有HTML表单都以一个form元素开始,<form>标签用于创建供用户输入的HTML表单。
<form action="/getInfo" method="get">--------</form>
action属性定义了在提交表单时所收集的数据的位置(URL)。
method属性定义了发送数据的HTTP方法(它可以是“get”或“post”)。

<label for="username">姓名</label>
for 属性规定 label 与哪个表单元素绑定,用户只用单击label标签就可以在相对应的文本框中输入数据。

<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 上传文件
上一篇 下一篇

猜你喜欢

热点阅读