<!-- form HTTP协议 action:提交的服务器网址 method:get(默认)| post(应用：登录注册、上传文件) 页面中的a img link 默认是get请求 input type: text: 文本输入框 password:密码输入框 file:文件按钮 提交文件的时候一定要用post 一定要给form标签添加 Enctype='multipart/form-data' submit:提交按钮 input 中一定有submit按钮才能提交跳转等任务 button:普通按钮 name:提交到服务器端的key value: 显示的文本内容，与服务器端的value placeholder：文本代替 placeholder 表单内显示的灰色提示语 type text 文本输入 file 传入文件 注意传入文件定要使用post方式 因为网站栏输入大小有限 label 表单前的标语 for:是与下面的某个表单控件的id属性进行关联
BS交互
1.form表单默认与服务器进行交互
2.ajax技术
--> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!--Enctype='multipart/form-data' 提交文本一定给form 设置这一段--> <form action="" method="get" enctype="multipart/form-data"> <!-- placeholder 表单内显示的灰色提示语 label 表单前的标语 type text 文本输入 file 传入文件 注意传入文件定要使用post方式 因为网站栏输入大小有限 --> <p class="user"> <label class="user_name">用户名</label> <input type="text" name="username" id="username" placeholder="请输入用户名"> </p> <p class="pwd"> <label class="user_pwd">用户名</label> <input type="text" name="password" placeholder="请输入密码"> </p> <!--文件上传--> <p> <input type="file" name="mp3"> </p> <!--单选 互斥的只能选一个 checked 默认--> <p> 男：<input type="radio" name="sex" value="man"> 女：<input type="radio" name="sex" value="woman" checked> </p> <!--多选--> <p> 爱好：<input type="checkbox" name="love" value="eat">吃饭 <input type="checkbox" name="love" value="sleep">睡觉 <input type="checkbox" name="love" value="bat">打豆豆 </p> <!--下拉菜单单选 selected 默认--> <p> <select name="school"> <option value="1">小学</option> <option value="2">初中</option> <option value="3">高中</option> <option value="4">大学</option> <option selected>研究生</option> </select> </p> <!--描述 即文本框 可以写文字的框 cols 列宽 rows 行宽--> <p> <h3>我的描述</h3> <textarea name="" id="" cols="60" rows="10"></textarea> </p> <!--重置、限制输入数字等按钮等按钮--> <p class="register"> <input type="submit" value="注册"> <input type="button" value="普通按钮"> <!--重置会 将所选的按钮都变为初始状态--> <input type="reset" value="重置"> <!-- 只允许输入数字 --> <input type="number"> <button type="button">普通按钮</button> </p> </form> </body> </html>