html怎么实现获取文本框输入内容再按替换模板替换再输出到另一个文本框？

其实认真想一下就可以实现了。首先就是先获取输入框的value 值 点击之后 将这个value 内容在另外一个输入框显示。

再细分一下，获取到 输入框的value 之后， 可以通过正则截取 src和 alt 的内容，

当点击按钮的时候，将获到的数据 添加到 要显示的文本框就可以了。

//html：

<input type="text"  id="user"/>

<button onClick="beat()">login</button>

//js

function beat(){

//jQuery获取文本框的值

$("user").val()

window.alert(content.value)

//这个时候比较要用“==”

if(content.value=="admin"){

do...

//跳转页面

//方法1

window.location.href="new.html"

//方法2

window.navigate("new.html")

top.location='new.html'

}else{}

}

扩展资料

<input id="test" type="text" value="HTML5" />

<div id="btn">查看input的值</div>

<script>

var test = document.getElementById("test")

var btn = document.getElementById("btn")

btn.onclick = function(){

alert(test.value)

}

</script>

参考资料：百度百科 HTML

获取文本框中的内容有以下两种方法：

假设为如下文本框：

<input type="text" value="" id="text">

1、原生JS获取文本框的值：

document.getElementById("text").value  //text为文本框的id

2、jquery获取文本框的值：

$("#text").val()

---