Fatal编程技术网
  • html/
  • Html 表单字段在字段中单击时未空白

Html 表单字段在字段中单击时未空白

html forms

Html 表单字段在字段中单击时未空白,html,forms,Html,Forms,我有一个简单的表格： <form method="post" action="#" id="contact-form"> <input id="name" name="name" type="text" value="NAME" onfocus="if (this.value == 'NAME') {this.value = '';}" onblur="if (this.value == '') {this.value = 'NAME';

我有一个简单的表格：

<form method="post" action="#" id="contact-form">
                    <input id="name" name="name" type="text" value="NAME" onfocus="if (this.value == 'NAME') {this.value = '';}" onblur="if (this.value == '') {this.value = 'NAME';}" required/>
                    <input id="email" type="email" name="email" value="E-MAIL" onfocus="if (this.value == 'E-MAIL ADRESS') {this.value = '';}" onblur="if (this.value == '') {this.value = 'E-MAIL ADDRESS';}" required />
                    <textarea rows="5" cols="60" id="message" name="message" type="text" style="background:none; color: black;font-family: inherit; font-size: 11px; font-weight: 800;" onfocus="if (this.value == 'YOUR MESSAGE') {this.value = '';}" onblur="if (this.value == '') {this.value = 'YOUR MESSAGE';}" required>MESSAGE</textarea>
                    <br> </br>
                    <button class="button-outline defalut send-mail" type="submit" name="submit"><strong>Send</strong> Message</button>
    </form>


消息



发送消息
如图所示，我为每个字段提供了一个值。不过，有一个奇怪的问题，电子邮件和消息值不会像名称字段中那样被覆盖。也就是说，单击名称字段时，“名称”消失，字段为空。单击电子邮件/消息字段时，文本不会消失，字段也不会变为空白。为什么会发生这种情况？怎么修的

可以看到活的形式。HTML是。所有的文件都被删除了

if语句不正确。您将该值设置为
E-MAIL
，但
if
语句检查
电子邮件地址（原文如此）。textarea字段也是如此




消息


发送消息

if
语句不正确。您将该值设置为
E-MAIL
，但
if
语句检查
电子邮件地址（原文如此）。textarea字段也是如此




消息


发送消息