html怎样点击提交跳转到另一个html页面

纯HTML实现是加个a标签。

HTML使用标签 <a>来设置超文本链接。

超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。

在标签<a>中使用了href属性来描述链接的地址。

默认情况下，链接将以以下形式出现在浏览器中：

一个未访问过的链接显示为蓝色字体并带有下划线

访问过的链接显示为紫色并带上下划线

点击链接时，链接显示为红色并带上下划线

语法：<a href="url">Link text</a>

<input type="text" id="num"/><input type="button" onclick="skip()" value="跳转">

<script type="text/javascript">

function skip(){

var num = document.getElementById("num").value

if(num==1){

window.location.href = "1.html"

}else if(num==2){

window.location.href = "2.html"

}

}

</script>代码中用原生的js写的，也可以使用jquery来实现，其中的1.html，2.html为跳转的页面，若需要十个页面，以此类推即可。

1、首先，我们新建一个带有button按钮的页面，在Dreamweaver中打开这个页面。

2、button按钮不能直接添加herf属性，我们可以通过button的onClick事件来实现页面的跳转。

3、可以直接在onclick事件上添加动作实现页面跳转，也可以让onClick触发函数实现页面跳转，如下图所示。

4、还可以写一个click函数，来触发页面跳转。这就需要我们获取到这个button，可以给button一个Id了，如下图所示。

---