当用户点击“提交”按钮时,我希望显示以下消息(按钮下方的红色文本):“密码无效。请联系我们获取帮助。” - 此登录表单无效,因此无论用户输入用户名/密码字段,都应显示此消息。
我该怎么做?
这里的代码: 非常感谢
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Contact Form</title>
</head>
<body>
<div class="singlecontent">
<form>
<p>
<label>Username<br />
<input type="text" name="log" id="user_login" class="input" value="" size="20" tabindex="10" /></label>
</p>
<p>
<label>Password<br />
<input type="password" name="pwd" id="user_pass" class="input" value="" size="20" tabindex="20" /></label>
</p>
<p class="submit">
<input type="submit" name="wp-submit" id="wp-submit" class="button-primary" value="Log In" tabindex="100" />
</p>
</form>
</div>
</body>
</html>
答案 0 :(得分:0)
<p class="submit">
<input onclick="document.getElementById('msg').innerHtml='your message';" type="submit" name="wp- submit" id="wp-submit" class="button-primary" value="Log In" tabindex="100" />
<div style="color:red;" id="msg"></div>
</p>