js根据ID获取输入框的值

原创于 2019-06-03 21:05:12 发布 · 2.4w 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#js #javascript

javascript 专栏收录该内容

79 篇文章

订阅专栏

本文介绍了一种使用JavaScript来获取HTML中输入框内容的方法。通过document.getElementById('ti').value，可以读取id为'ti'的输入框的当前值，并在控制台输出，适用于前端开发中的数据获取场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML

<input id="ti" type="text" placeholder="请输入内容"><button onclick="show()">点击获取输入框的内容</button>

function show(){

var b=document.getElementById('ti').value

console.log(b)

}

测试

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<title>测试</title>

</head>

<body>

<input id="ti" type="text" placeholder="请输入内容"><button onclick="show()">点击获取输入框的内容</button>

<script>

function show(){

var b=document.getElementById('ti').value

console.log(b)

}

</script>

</body>

</html>