js加html问题：编写一个将用户输入的信息输出到控制台的页面。
问题：利用js编写一个将用户输入的信息输出到控制台的页面。
1.html文本框输入+JavaScript的赋值+js控制台
第一个由up乐极smile工作室提供
<!DOCTYPE html>
<html lang="cn">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<form>
<input id="input" type="text" >
</form>
<button onclick="btn()">测试</button>
<div id="html"></div>
<script>
var x = document.getElementById("input");//获取输入框元素
function btn()
{
console.log(x.value); //将输入框的值赋给控制台
}
</script>
</body>
</html>
2.js弹出窗口输入+js控制台（最简单）
<!DOCTYPE html>
<html lang="cn">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<form>
<input id="input" type="text" >
</form>
<button onclick="btn()">测试</button>
<div id="html"></div>
<script>
var x = document.getElementById("input");//获取输入框元素
function btn()
{
console.log(x.value); //将输入框的值赋给控制台
}
</script>
</body>
</html>
3
<!DOCTYPE html>
<html>
<head>
<script>
function validateForm() {
var x = document.forms["myForm"]["fname"].value;
if (x == "") {
alert("必须填写内容！");
return false;
}
if (x !="")
{console.log(x);
return false;
}
}</script>
</head>
<body>
<h1>将用户的内容输出到控制台</h1>
<h4>你在内容输入框输入内容点提交控制台就可以看到！</h4>
<form name="myForm" action="/demo/action_page.php" onsubmit="return validateForm()" method="post">
内容：<input type="text" name="fname">
<input type="submit" value="提交">
</form>
<p class="pull-right">Powered by < a href=" ">木槿</ a> | QQ1773511693</p >
</body>
</html>
