<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>p0c</title>
</head>
<body>
</body>
<form>
<input id="test" type="text" name="username" value="test"/><br />
<input type="text" name="password" /><br />
<input type="submit" name="submit" value="submit" onclick="form()"/>
<input type="reset" name="reset" value="reset" />
</form>
<script>
function form(){
var get = document.getElementById("test").value;
document.write(get);
}
</script>
</html>
输入内容后点击"submit"，没有打印username的值，求解答
1.form标签应该写在body中，但这样写不会报错，原因是浏览器解析时会自动调整你代码中认为是写错的代码的顺序，你可以查看浏览器中代码顺序就知道了。2.form是关键字，函数名的命名规则中，不能使用关键字命名
改成我这样就可以了。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>p0c</title>
<script>
function form1(){
var get = document.getElementById("test").value;
document.write(get);
}
</script>
</head>
<body>
<form>
<input id="test" type="text" name="username" value="test"/><br />
<input type="text" name="password" /><br />
<input type="submit" name="submit" value="submit" onclick="form1()"/>
<input type="reset" name="reset" value="reset" />
</form>
</body>
</html>