Question

求一段html表单代码，本人菜鸟

求一段html表单代码，格式如下
-----------------------------------------------------------------------
用户名（一个可以输入显示文本的方框）
密 码（一个可以输入圆点的方框）
登陆按钮
------------------------------------------------------------------------
注：无论输入什么，用户名输入框的后面都只要显示（用户名不存在）就行了。

Answer 1

<form action="#" method="post" onsubmit="return check(); ">

     用户名：<input type="text"   name="username"   id="username" />

                 <label style="color:red"   id="show"></label> <br/>

     密码：<input type="password"   name="password"/><br/>

     <input type="submit" value="登录"/>

</form> 

<script>

function check() {

     if(document.getElementById("username") != ""){

          document.getElementById("show").innerText = "用户名不存在!";

          return false;

     }

     return true;

}

</script>

不输入值：

输入值：

追问

谢谢，你们的都可以，可只能采纳一个

Answer 2

HTML代码：

<form id="f" name="f">
	<label for="username">用户名:</label>
	<input type="text" id="username"/>
	<label for="" style="color:red;" id="message"></label>
	<br>
	<label for="password">密&nbsp;&nbsp;码:</label>
	<input type="password" id="password"/>
	<br>
	<input type="button" id="login" name="login" value="登录" onclick="login()"/>
</form>

JS代码：

f.login.onclick = function(){
	document.getElementById("message").innerText = "该用户名不存在！";
}

效果：

追问

谢谢，你们的都可以，可只能采纳一个

Answer 3