无法重定向 html
Unable to redirect html
这是我的代码,我想在点击提交时重定向到另一个站点,但我找不到错误在哪里。这是一个简单的代码,我知道它有点难看 "ugly",但我只是在测试。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link href="paginaweb.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
function redirect(){
window.location.href("https://www.outlook.com");
return(false);
}
</script>
</head>
<body class="container">
<div class="image"> </div>
<div>
<style>
input[type=text] {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
}
</style>
<label for="email">
<p class="fuente">Introduce tu email para conectarte a Internet.</p></label>
<form onsubmit="redirect()">
<input type="email" placeholder="Your email...">
<input type="submit" id="submit" value="Submit">
</form>
</div>
</body>
</html>
window.location.href
window.location.href = "http://example.com";
的用法来源:https://developer.mozilla.org/es/docs/Web/API/Window/location
您应该可以使用以下代码实现此目的:
<form method="post" action="newurl.com">
<input name="email" type="email" placeholder="Your email...">
<input type="submit" id="submit" value="Submit">
</form>
只需设置表单操作,表单数据就会发送到新的url。
对自己的回答:
要避免错误 405,请更改
<form method="post" action="newurl.com">
为
<form method="get" action="newurl.com">
这是我的代码,我想在点击提交时重定向到另一个站点,但我找不到错误在哪里。这是一个简单的代码,我知道它有点难看 "ugly",但我只是在测试。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link href="paginaweb.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
function redirect(){
window.location.href("https://www.outlook.com");
return(false);
}
</script>
</head>
<body class="container">
<div class="image"> </div>
<div>
<style>
input[type=text] {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
}
</style>
<label for="email">
<p class="fuente">Introduce tu email para conectarte a Internet.</p></label>
<form onsubmit="redirect()">
<input type="email" placeholder="Your email...">
<input type="submit" id="submit" value="Submit">
</form>
</div>
</body>
</html>
window.location.hrefwindow.location.href = "http://example.com";
的用法来源:https://developer.mozilla.org/es/docs/Web/API/Window/location
您应该可以使用以下代码实现此目的:
<form method="post" action="newurl.com">
<input name="email" type="email" placeholder="Your email...">
<input type="submit" id="submit" value="Submit">
</form>
只需设置表单操作,表单数据就会发送到新的url。
对自己的回答:
要避免错误 405,请更改
<form method="post" action="newurl.com">
为
<form method="get" action="newurl.com">