问题:运行此代码点击submit会出现404
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<base target="_blank"/>
<base href="img/"/>
</head>
<body>
<div style="border: 1px solid red;width:500px;height: 300px;">
<a href="http://www.baidu.com">百度一下</a>
<img src="4.jpg" alt="logo" width="500px" height="282px"/>
<form action="htmlBasic.html" method="post">
<table border="1px solid red;" width="500px">
<tr>
<td>username:</td>
<td><input type="text"/></td>
</tr>
<tr>
<td>password:</td>
<td><input type="password"/></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Login"/></td>
</tr>
</table>
</form>
</div>
</body>
</html>
ps:当去掉<base href="img/"/> 并修改<img src="img/4.jpg">后正常
原因:状态1 action代表把数据提交到目标位置,此写法就是提交这个页面,但是<base href="img/"/> 这个标签会设置整个页面的路径为img,
而此htmlBasic.html并不存在于img文件夹中,所以报错(404)。
状态2 去掉限制后,action正常获取所有数据并将这个页面提交,所以不会报错。