0

嗨，我正在制作一个网站并使用一个表单，但是当它的值为空时，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，它们只是将表单保​​存到数据库中。

4

3 回答 3

2

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

只需删除该属性，您就会没事的。

引用MDN：

占位符

提示用户可以在控件中输入的内容。占位符文本不得包含回车或换行符。当 type 属性的值为 text、search、tel、url 或 email 时，该属性适用；否则将被忽略。

于 2012-07-19T13:12:38.797 回答
1

占位符是问题，但解决方案不是删除它。在输入标签内使用 autocomplete="off"。

于 2014-02-22T18:10:59.680 回答
0

清除您的 cookie、保存的表单数据和浏览器缓存。还要禁用 JS 以查看这是否是罪魁祸首。

如果您不使用它，您可能还想删除 placeholder="" 属性。

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

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

祝你好运，迈克尔。

于 2012-07-19T15:17:21.947 回答