无法重定向html

时间:2017-04-11 11:50:56

标签: html onsubmit

这是我的代码,我想在点击提交时重定向到另一个网站,我找不到错误的位置。这是一个简单的代码,我知道它看起来有点“丑陋”,但我只是在测试。

<!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>

3 个答案:

答案 0 :(得分:1)

您应该可以使用以下代码实现此目的:

<form method="post" action="newurl.com">
    <input name="email" type="email" placeholder="Your email...">
    <input type="submit" id="submit" value="Submit">
</form>

只需设置表单操作,表单数据就会发送到新网址。

答案 1 :(得分:0)

使用 window.location.href
window.location.href = "http://example.com";来源:https://developer.mozilla.org/es/docs/Web/API/Window/location

答案 2 :(得分:0)

回答自己:

为避免错误405,请更改

<form method="post" action="newurl.com"> 

<form method="get" action="newurl.com">