c# - 入力タイプの変更

Question

現在、ボタンタイプの入力がありますが、ボタンの外観を他のWebページボタンと一致するように変更したいのですが、問題が発生しています。

この入力は正常に機能しますが、ボタンに表示したい画像が表示されません。

<input type="button" src="<%:Url.Content("~/Content/images/newCancel.png")%>" onclick="goBack()"/>

これは画像を表示しますが、本来のようには機能しません-javascriptを実行しません：

<input type="image" src="<%:Url.Content("~/Content/images/newCancel.png")%>" onclick="goBack()"/>

どんな助けも素晴らしいでしょう

score 2 · Accepted Answer

画像の種類を入力すると、フォームが送信されます。「falseを返す」を入れてください。オンクリックの最後に、フォームの送信を防ぐ必要があります。

<input type="image" src="<%:Url.Content("~/Content/images/newCancel.png")%>" onclick="goBack(); return false;"/>

または、画像を作成して、イベントを画像に直接追加することもできます。

<img src="<%:Url.Content("...")%>" onclick="goBack();" />

score 1 · Accepted Answer

次のようなものを試してください：

<input type="button" onclick="goBack()"/>

そしてCSSを使用する：

input[type='button'] {
    background: url('../Content/images/newCancel.png') no-repeat;
}

埋め込みスタイルまたはインラインスタイルを使用する場合は、メソッドにアクセスできますが、使用しないことをお@Url.Content()勧めします。

2 に答える 2