firefox显示文本，而表单输入值为空

Question

嗨，我正在做一个网站和一个窗体，但Firefox的输入字段中显示不需要的文本时，它的值为空。 在输入法中使用电子邮件或电话时会发生这种情况。

 <form action='locatie.php?root=<?php echo $root; ?>' target='_self' method='post' onSubmit='return checkForm()' > 
<table style='width:725px;' id='text' border='1'> 
    <tr> 
    <td colspan='7'></td> 
    </tr> 
    <tr> 
    <td colspan='7' ><hr /></td> 
    </tr> 
    <tr> 
    <td style='width:100px;' ><label for='locatie' >Locatie naam: </label></td> 
    <td style='width:140px;' ><input type='text' name='locatie' id='locatie' value='' placeholder='locatie naam' maxlength='20' size='20' /></td> 
    <td style='width:8 0px;' ><label for='adres' >Adres: </label></td> 
    <td colspan='4'><input type='text' name='adres' id='adres' value='' placeholder='Adres locatie' maxlength='30' size='30'/></td> 
    </tr> 
    <tr> 
    <td><label for='beheer' >Beheerder: </label></td> 
    <td ><input type='text' name='beheer' id='beheer' value='' placeholder='Beheerder naam' maxlength='21' size='20' /></td> 
    <td><label for='tel' >Tel nr: </label></td> 
    <td style='width:140;' ><input type='text' name='tel' id='tel' value='' maxlength='13' size='12' /></td> 
    <td style='width:80px;' >Email:</td> 
    <td colspan='2'><input type='text' name='email' id='email' value=' ' placeholder='Email beheer' maxlength='31' size='20' /></td> 
    </tr> 
    <tr> 
    <td style='vertical-align:top;' ><label for='route' >Route beschrijving: </label></td> 
    <td style='vertical-align:top;' colspan='6'><textarea name='route' id='route' value='' placeholder='Google maps link met route' cols='75' rows='10' ></textarea></td> 
    </tr> 
    <tr> 
    <td colspan='7'>&nbsp;</td> 
    </tr> 
    <tr> 
    <td ><label for='ondergrond' >Ondergrond: </label></td> 
    <td ><select name='ondergrond' id='ondergrond' > 
       <option value='Veld' >Veld</option> 
      <option value='Zaal' >Zaal</option> 
      <option value='Kunstgras' >Kunstgras</option> 
     </select> 
    </td> 
    <td><label for='seizoen' >Seizoen: </label></td> 
    <td><select name='seizoen' id='seizoen' > 
       <option value='Veld' >Veld</option> 
      <option value='Zaal' >Zaal</option> 
     </select> 
    </td> 
    <td colspan='3'></td> 
    </tr> 
    <tr> 
    <td colspan='7'><input type='submit' name='action' id='action' value='Opslaan' /></td> 
    </tr> 
    <tr> 
    <td colspan='7'><hr /></td> 
    </tr> 
</table> 
</form> 

在Firefox中，输入字段将包含文本“在这里输入你的电话号码”或“在这里输入你的电子邮件”，我不想。 有没有什么办法可以防止firefox这样做，除了添加内容到输入？

如果添加了整个表单，页面的其余部分包含大量只将表单保存到数据库的php。

Answer 1

您正在设置<input>字段上的placeholder属性，其目的是在没有数据输入的情况下显示某些内容。

只要删除该属性，你会没事的。

从MDN举例：

占位

一个暗示什么可以在控制输入用户。占位符文本不得包含回车符或换行符。此属性适用于type属性值为text，search，tel，url或email的情况;否则会被忽略。

Answer 2

清除您的Cookie，保存的表单数据和浏览器缓存。也禁用JS来查看这是不是罪魁祸首。

如果您还没有使用它，您可能还想删除placeholder =“”属性。

我强烈建议您下载Chris Pederick的“网页开发工具栏”，因为从浏览器中清除所有这些内容并禁用JS/CSS等与点击按钮一样简单。适用于Firefox和Chrome。

http://chrispederick.com/work/web-developer/

祝你好运，迈克尔。

Answer 3

占位符是问题，但解决方法是不要将其删除。在输入标签内使用autocomplete =“off”。