[英]text message displays when you click on a button
我有创建表单的代码,当您单击提交时,它应该在屏幕上输出文本。 但是我的代码不会在屏幕上显示消息,尽管它会快速显示文本然后隐藏它。
<div id="form-wrap">
<form>
<fieldset>
<h4>Contact Form:</h4>
<label class="labelone" for="name">Name: </label>
<input name="name"/>
<label for="email">Email: </label>
<input name="email" />
<label for="comments">Comments: </label>
<textarea name="comments"></textarea>
</fieldset>
<fieldset>
<input class= "btn" type="submit" value="Send Email" onclick="myFunction()"/>
<input class="btn" type="reset" value="Reset Form"/>
</fieldset>
</form>
<p id="jomin">This is a message</p>
</div>
样式
<style type="text/css">
#jomin { visibility:hidden;
}
</style>
JAVASCRIPT
<script type="text/javascript">
function myFunction() {
document.getElementById("jomin").style.visibility="visible";
}
</script>
您没有看到更改,因为表单正在提交并且页面正在重新加载。
更改:
<input class= "btn" type="submit" value="Send Email" onclick="myFunction()"/>
至
<input class= "btn" type="submit" value="Send Email" onclick="return myFunction()"/>
而且也改变了
function myFunction() {
document.getElementById("jomin").style.visibility="visible";
}
至
function myFunction() {
document.getElementById("jomin").style.visibility="visible";
return false;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.