input style

来源：百度知道 编辑：UC知道 时间：2024/06/02 01:11:59
现有这样一个表单：
<input type="text" name="username" />
<input type="text" name="check" />
我想让上面的“check”栏在网页中为不可见，并且执行一些代码后在它上面显示内容，要怎么做啊？比如，在检查"username"为空后，在“check”中输出“不能为空!”。

表单改成：
<input type="text" name="username" id="username" onchange="check()" />
<input type="text" name="check" id="check" style="display: none;" value="用户名不能为空！" />
在head里面增加这样一段代码
<script type="text/javascript">
function check(){
var username = document.getElementById("username");
var check = document.getElementById("check");
if(username.value == ""){
check.style.display = "block";
}else{
check.style.display = "none";
}
}
</script>

<input type="text" name="check" value="不能为空" style="display:none" id="info />
这样的话页面刚加载的时候会不显示,给一个id是为了好在javascript中控制显示或者隐藏
假设有一个按钮，是用来在输入完用户名之后来提交的按钮，我做成简单的按钮
<input type="button" value="登录" on