怎样获得html文本框里的值

html-css088

怎样获得html文本框里的值,第1张

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

1、新建并保存一个html文档,进入html代码编辑页面。

2、写一个input文本输入框,并定义ID,然后写一个按钮,并定义ID。

3、要做的效果就是点击按钮为输入框赋值,然后把输入框和按钮的css样式写好,不写样式也可以。

4、引入jquery文件,路径要正确,写jquery代码,打开浏览器测试一下,点击按钮之后,输入框内就会自动输入赋值的内容。