目录
表单使用场景以及分类
为什么需要表单
使用表单目的是为了收集用户信息。
在我们网页中,我们也需要跟用户进行交互,收集用户资料,此时就需要表单。
在HTML中,一个完整的表单通常由表单域、表单控件(也称为表单元素)和提示信息3个部分构成。
表单域是一个包含表单元素的区域。
在HTML标签中,<form>
标签用于定义表单域,以实现用户信息的收集和传递。
表单域的目的:<form>
标签会把它范围内的表单元素信息提交给服务器.
写一个最简单的表单域:
<!DOCTYPE htm1>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>表单域(了解)
</title>
</head>
<body>
<form action="demo.php" method="POST" name="name1">
</form>
</body></html>
表单控件(表单元素)
在表单域中可以定义各种表单元素,这些表单元素就是允许用户在表单中输入或者选择的内容控件。接下来我们学习:
input输入表单元素
select下拉表单元素
<input>
表单元素:
代码:
<body>
<form>
<!-- text文本框用户可以里面输入任何文字-->
用户名:<input type="text"> <br>
<!-- password 密码框用户看不见输入的密码-->
密码:<input type="password">
<!-- radio单选按钮可以实现多选一-->
性别:男<input type="radio"> 女<input type="radio">人妖<input type="radio"")<br>
<!-- checkbox复选框可以实现多选一I-->
爱好:吃饭<input type="checkbox"> 睡觉<input type="checkbox"> 打豆豆<input type="checkbox">
</form>
</body>
复选框是小正方形