<!--
1. 表单,前后端交互
一个页面可以有多个form,但是form不可嵌套
<form action="提交的地址即提交到哪里" name="表单名称" method="表单提交的方式 默认get 取值post">
提交的数据、信息
</form>
get和post的区别:
1. get提交的数据不安全,会在地址栏中显示,post提交的数据安全,可以用来提交账户的密码。
2. get提交数据大小有限制(不大于2KB),post无限制。
文本框 type="text"
密码框 type="password"
单选框 type="radio" 通过value值来确定用户选的是啥
多选框 type="checkbox" 通过value值来确定用户选的是啥
提交按钮 type="submit"
3. 隐藏域 对用户不可见,常常存储默认值,或者由js改变它们的值。可以正常的提交给服务器。
-->
<!DOCTYPE html>
<html lang="en">
<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>Document</title>
</head>
<body>
<form action="./课堂笔记5(表格练习).html" name="form1" method="post">
用户名:<input type="text" name="username">
<br>
密码:<input type="password" name="pwd">
<br>
性别:<input type="radio" name="sex" value="man"> 男
<input type="radio" name="sex" value="woman"> 女
<br>
爱好:<input type="checkbox" name="hobby" value="sing"> 唱
<input type="checkbox" name="hobby" value="dance"> 跳
<input type="checkbox" name="hobby" value="rap"> rap
<input type="checkbox" name="hobby" value="basketball"> 篮球
<br>
<input type="submit" value="你干嘛~">
<br>
<input type="button" value="这咋没有任何功能?但是很常用啊!哎呀我操!">
</form>
</body>
</html>