在html网页中如何实现文本输入 后点击提交 然后转到另一个页面

<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为跳转的页面，若需要十个页面，以此类推即可。

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<script>标签，输入js代码：var a = '<input type="text" value="test" />'document.body.innerText = a。

3、浏览器运行index.html页面，此时html代码被当成字符串渲染到了页面上。

JS跳转大概有以下几种方式：

第一种：跳转到b.html

<script language=javascript type=text/javascript>window.location.href=b.html</script>。

第二种：返回上一页面

<script language=javascript>window.history.back(-1)</script>。

第三种：

<script language=javascript>window.navigateb.html</script>。

第四种：

<script language=JavaScript>self.location=b.html</script>。

第五种：

<script language=javascript>top.location=b.html</script>。

超文本标记语言，标准通用标记语言下的一个应用。

超文本就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。

超文本标记语言的结构包括头部分、和主体部分，其中头部提供关于网页的信息，主体部分提供网页的具体内容。

---