0

こんにちは、私は Web サイトとフォームを作成していますが、値が空の場合、Firefox は入力フィールドに不要なテキストを表示し続けます。これは、入力方法で email または tel を使用した場合に発生します。

        <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 に答える
0

Cookie、保存されたフォームデータ、ブラウザのキャッシュをクリアします。また、JSを無効にして、これが原因かどうかを確認します。

とにかく使用しない場合は、placeholder=""属性を削除することもできます。

Chris Pederickによる「Web開発者ツールバー」をダウンロードすることを強くお勧めします。ブラウザからこれらすべてをクリアし、JS / CSSなどを無効にするのは、ボタンをクリックするのと同じくらい簡単だからです。FirefoxとChromeの両方で利用できます。

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

頑張って、マイケル。

于 2012-07-19T15:17:21.947 に答える