另一篇博客介绍常用表单元素:https://blog.csdn.net/whpu1234/article/details/81317694
1.使用表单标签,与用户交互
<form method="传送方式" action="服务器文件" ></form>
1) action :浏览者输入的数据传送到的目的地
2) method :数据传送的方式
注意:label标签
1)label标签为input元素定义标注(标记),它不会向用户呈现任何特殊效果,
2)为了实现点击文字也能选中/取消checkbox或radio。
常用于与checkbox(复选框)或radio(单选框)关联,
3)显式关联是通过label标签的for属性,显式与另一个表单控件关联。需要注意的是,
for属性的值必须是与label标签在同一文档中的可标记表单元素的id,注意是id而不是name。
demo:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>表单标签</title>
</head>
<body>
<form method="post" action="save.php">
<label for="username">用户名:</label>
<input type="text" name="username" id="username" value="" />
<br>
<label for="pass">密码:</label>
<input type="password" name="pass" id="pass" value="" />
<br>
<input type="submit" value="确定" name="submit" />
<input type="reset" value="重置" name="reset" />
</form>
</body>
</html>
运行结果: