web-dev-qa-db-ja.com

通常のリンクを使用してフォームを送信する

フォームを送信したい。しかし、私は入力ボタンを送信タイプで使用する基本的な方法ではなく、aリンクを使用しています。

下の画像はその理由を示しています。フォームの保存/送信に画像リンクを使用しています。画像リンク用に標準のCSSマークアップがあるので、入力送信ボタンを使用したくありません。

私は要素にonClick = "document.formName.submit（）"を適用しようとしましたが、htmlメソッドを好むでしょう。

alt text

何か案は？

htmlcssformshyperlinksubmit
111
Artjom Zabelin

二通り。ボタンを作成し、CSSを使用したリンクのようにスタイルを設定するか、リンクを作成してonclick="form.submit();"を使用します。

150
Jan Sverre

私の知る限り、何らかの形式のスクリプトなしでは、これを実際に行うことはできません。

<form id="my_form">
<!-- Your Form -->    
<a href="javascript:{}" onclick="document.getElementById('my_form').submit(); return false;">submit</a>
</form>

Here の例。

81
JonVD

このようにinput type="submit"をスタイリングするだけでうまくいきました：

.linkButton { 
     background: none;
     border: none;
     color: #0066ff;
     text-decoration: underline;
     cursor: pointer; 
}
<input type="submit" class="linkButton" />

Chrome、IE 7-9、Firefoxでテスト済み

25
Serj Sagan

送信に画像を使用しているため、単にtype="image"入力「ボタン」を使用できます。

<input type="image" src="yourimage.png" name="yourinputname" value="yourinputvalue" />
10
ThiefMaster

つかいます：

<input type="image" src=".."/>

または：

<button type="send"><img src=".."/> + any html code</button>

いくつかのCSS

4
atlavis

onClick = "document.getElementById（ 'formID_NOT_NAME'）。SUBMIT（）"を使用できます

0
Sameh Helaly