<!DOCTYPE html>
<html lang="ch">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>表单简介</title>
<style>
</style>
</head>
<body>
<!--
表单：
- 在现实生活中表单用于提交数据
- 在网页中也可以使用表单，网页中的表单用于将本地的数据提交给远程的服务器
-->
<!--
form的属性
action表单要提交的服务器的地址
-->
<form action="target.html">
<!-- 添加表单项 -->
<!--
文本框
注意：数据要提交到服务器中，必须要为元素指定一个name值
-->
文本框<input type="text" name="username">
<br>
<!--
密码框
-->
密码框<input type="password" name="password">
<br>
<!--
单选按钮
必须要有相同的name属性，这样才会有单选的效果；否则，可以同时都选中
- 像这种选择框，必须要指定一个value属性，value属性最终会作为用户的填写的值传递给服务器
- checked 可以将单选按钮设置为默认选中
-->
单选框
<input type="radio" name="xtype" value="a">
<input type="radio" name="xtype" value="b" checked>
<br>
<!--
多选框
-->
多选框
<input type="checkbox" name="ytype" value="1">
<input type="checkbox" name="ytype" value="2">
<input type="checkbox" name="ytype" value="3">
<br>
<!--
下拉列表
为选项添加selected属性，设置为默认选项
-->
<select name="ztype">
<option value="i">选项一</option>
<option value="ii">选项二</option>
<option value="iii" selected>选项三</option>
</select>
<br>
<!-- 提交按钮 -->
<input type="submit" value="注册">
</form>
</body>
</html>
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
