0

HTMLフォームに問題があります。

これは私のコードです:

<form name="contactform" method="post" action="send_form_email.php">
  <input id="first_name"  type="text" name="first_name" size="30"/>
  <input id="company_name"  type="text" name="company_name" size="30"/>
  <input id="email"  type="text" name="email" size="30"/>
  <input type="image" align="middle" src="images/accept.png" alt="Submit" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input id="reset" type="image" src="images/reset.png" alt="Reset" align="middle" />
</form>

この画像のいずれかをクリックすると、フォームが送信されます。このリセット画像をリセットのみにしてフォームを送信しないようにするにはどうすればよいですか。

4

4 に答える 4

5

あなたのリセットボタンはリセットボタンではありません。ありtype="image"ます、サーバーサイドのイメージマップです。

サーバー側のイメージ マップをクリックすると、フォームが送信され、クリックした座標がデータに含まれます。

画像のリセット ボタンが必要な場合は、次のようにします。

<button type="reset"><img src="..." alt="..."></button>
于 2012-07-09T08:22:00.717 に答える
0

画像タイプは送信ボタンのようなものです。

type="reset"CSSでボタンを取得してスタイルを設定する必要があります。

于 2012-07-09T08:22:36.743 に答える
0

使用する

<input type = "reset" value = "" class = "btnResetClass" />

あなたの btnResetClass には、背景画像の Css 設定があり、自分で設定できます。

于 2012-07-09T08:24:10.183 に答える
0

を使用する必要がありますtype="reset"。

この jsFiddle の例の方が良いでしょう。

HTML:

<form id="contactform" method="post" action="send_form_email.php">
    <div>
        <label>
            First Name: <input id="first_name" name="first_name" type="text" size="30" />
        </label>
    </div>
    <div>
        <label>
           Company Name: <input id="company_name" name="company_name" type="text" size="30" />
        </label>
    </div>
    <div>
        <label>
            Email: <input id="email"  type="text" name="email" size="30" />
        </label>
    </div>
    <input id="submit" type="submit" value="" title="Submit" />
    <input id="reset" type="reset" value="" title="Reset" />
</form>

CSS:

#submit, #reset {
    border: none;
    width: 64px;
    height: 48px
}
#submit {
    background: url('images/submit.png')
}
#reset {
    background: url('images/reset.png')
}
于 2012-07-09T08:50:51.723 に答える