我收到以下“通过电子邮件订阅”表格:
<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=food101coil', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<p>enter e-mail:</p>
<p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="food101coil" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="SEND" /></form>
我想将“输入电子邮件”部分移至表单部分内。这样当用户点击它时,文本就会消失。
有人可以帮我解决这个问题吗?
最佳答案
以下代码将执行您想要的操作,而且还会在输入后维护电子邮件。
HTML
<input id="email" type="text" style="width:140px" name="email" value="enter e-mail"/>
JavaScript
<script type="text/javascript">
var emailfield = document.getElementById('email');
emailfield.onfocus = function(){
if (this.value == 'enter e-mail') this.value = '';
}
emailfield.onblur= function(){
if (this.value == '') this.value = 'enter e-mail';
}
</script>
关于javascript - 如何创建一个表单,单击时输入中的文本会消失? (用于饲料燃烧器形式),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3184978/