<!DOCTYPE html>
<html>
<head>
<title>form表单</title>
</head>
<body>
<!-- 4.1 form标签
<form>标签代表一个表单，表单用于向服务器传输数据。
<form>标签能够包含<input>，可以是文本字段，复选框，单选框或提交按钮等。还可以包含<textarea> <select>等。
<form>常用属性:
name:用于定义表单的名称
action:用于规定提交表单时向何处发送表单数据。
method:用于规定提交的方式。一般取值 POST或GET
关于POST与GET方式区别:
get方式只能少量数据,而post可以携带大数据。
get方式提交时，数据会在地址栏上显示，安全性差。Post方式提交不会在地址栏上显示数据，更加安全。 -->
<form action="" name="login" action="" method="get">
text类型<br>
用户名:<input type="text" placeholder="请输入英文用户名">
<hr>
password类型<br>
密码:<input type="password" placeholder="请输入密码">
<hr>
radio类型 单选<br>
<!-- 单选时候,input名字设计成一样的 -->
是否记住密码:<input type="radio" name="rmpwd">是<input type="radio" name="rmpwd">否
<hr>
checkbox 类型多选<br>
喜好:
<input type="checkbox" >打球
<input type="checkbox" >打球
<input type="checkbox" >打球
<input type="checkbox" >打球
<br>
button 按钮<br>
<input type="button" value="sb,你点我啊!">
<hr>
hidden 隐藏类型<br>
<!-- 在页面上是不会显示的 -->
<input type="hidden" name="id" value="12345">
<hr>
file 文件类型<br>
请上传头像:<input type="file" name="上传文件">
<hr>
submit 提交类型<br>
<!-- 把表单数据提交到后台 -->
<input type="submit" value="提交">
<hr>
reset 重置
<!-- 把表单的内容清空,只清除form内部的标签 -->
<input type="reset" value="重置">
<hr>
图片类型<br>
<input type="image" src="./bookstore/signup,gif">
选择标签:单选<br>
<select>
<option>广州</option>
<option>深圳</option>
<option>永城</option>
<option>广州</option>
</select>
<hr>
多行文本标签<br>
好评:<textarea rows="1"></textarea>
<br>
</form>
</body>
</html>
浙公网安备 33010602011771号