先看以下实例：
<!DOCTYPE html>
<html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- <form action="C:\Users\Administrator\Desktop\0528day02\09.html" method="post"> 用户名：<input type="text" name="username"/><br /> 密码名：<input type="password" name="userpwd"/><br /> <!--提交--> <input type="submit"/ > <input type="reset" /> </form> </body></html>运行结果：
其中：
前端和后端之间的通信 1.form提交方式 2.ajax提交方式 --> <!--核心标签：只有提交的功能，没有任何的样式--> <!--form 属性： action 提交的地址，通常为服务端的地址，如果不写，默认往本页提交 method 提交的方式。get/post 如果不写，为get提交 get和post的区别。 --><!--
input、button是一个行内块标签 input是表单的核心标签，通过修改input标签中的type属性来改变展现的样式-->