这一小节，我们说一下form表单，注意不是 from，是form表单。form表单呢，用于收集用户输入或者选择的一些信息，然后前端开发将数据组装起来，与服务端交互。
form表单表示html文档中的一个区域，里面可以包含输入框，密码框，大的文本框，单选按钮，多选按钮等。这一小节呢，我们先不说这些控件，先说一下form表单的基本内容。
1 form标签
没错，form表单也是html网页开发中的一个标签，刚才说的那些输入框，单选多选，按钮，下拉选择，都会被包含在这个标签内。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我的第一个网页</title>
<style type="text/css">
</style>
</head>
<body>
<form>
</form>
</body>
</html>这就是一个form标签，他表示一个区域。
2 提交方式
我们在项目开发中，比较常用的是 get 和 post 两种方式，不过正常的提交方式当然不止这两种，只是这两种在项目开发中比较常用，特别想用。至于get和post的区别呢，我们可以看这篇文章：web前端面试题附答案005-说一说get和post的区别（概念+经验）_web前端面试题get,post-CSDN博客
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我的第一个网页</title>
<style type="text/css">
</style>
</head>
<body>
<form method="get">
</form>
</body>
</html>没错，就是通过 method 这个属性，来添加提交方式的。
3 提交路径
我们在做项目的时候，前端做好form表单区域，将数据整理好以后，提交给后端。但是后端必须给我们一个接口地址，也就是我们提交的路径，把数据往哪里提交
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我的第一个网页</title>
<style type="text/css">
</style>
</head>
<body>
<form method="get" action="http://www.aatest.com/setUser">
</form>
</body>
</html>这个 action 就是后端给我们的提交路径，也可以叫接口地址，他告诉我们，数据整理好以后，把数据再提交到哪里去。
4 窗口跳转
跟 链接a 标签一样，form表单呢，也可以规定，我们当前的表单，提交数据是否需要跳转，是否需要新打开一个标签页。还记得 链接a 标签，是怎么规定是否跳转的吧？
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我的第一个网页</title>
<style type="text/css">
</style>
</head>
<body>
<form method="get" action="http://www.aatest.com/setUser" target="_blank">
</form>
</body>
</html>没错，就是这个 target 属性来决定的。
好啦，下一节，我们说一下，form表单里会有的一些常用的控件们。
159
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
