リンクタグについて

解決済

質問者：mori1115
質問日時：2010/01/19 13:11
回答数：4件

教えてください。
<a>タグからFormを動かしたため下記のような記述を致しました。
この記述では、IE7、Firefoxでは動作するのですが、IE6では動作しません。IE6で動作させるにはどのような記述をすればよいのでしょうか？

<a href="javascript:void(0)" onClick="document.frm.submit();">クリック</a>
<form method="post" action="#" name="frm">
<input type="text" name="aaa" />
</from>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (4件)

ベストアンサー優先
最新から表示
回答順に表示

No.3ベストアンサー

回答者： fujillin
回答日時：2010/01/19 19:02

#1です。

＞ビジュアル的にボタンが重苦しいのでわざわざリンクにしております。
最近はビジュアルを指定するのはCSSってことになってるらしい。

<html>
<head><title>test</title>
<style type="text/css">
form input.submit {
background-color:white;
border:none;
font-size:100%;
}
</style>
</head>
<body>
<form>
<input type="submit" class="submit" value="submit">
</form>
</body>
</html>

みたいな考えもあるのでは？

この回答への補足

ありがとうございます。
考えてみればおっしゃる通りですね。
xhtmlの考え方からして、submitボタンをCSSで変更するのがきれいな書き方なのでしょうね。
記載頂いた方法にJSのマウスオーバーとマウスアウトイベントを加えてそれっぽくなりました。

ありがとうございました。

補足日時：2010/01/31 14:01

通報する

- 0
- 件

通報する

No.4

回答者： taloo
回答日時：2010/01/20 06:22

「<input type="submit">がない<form>はsubmitしない」というブラウザベンダー独自のルールがあります。

IE6、Netscape7などがこのルールに従っていたと思います。（Safari1.0やOpera8.0も？）
W3C定義のHTML/XHTMLでは特に規定はありません。（送信してもしなくても良い）

<input type="submit" style="display:none;">を付けておくとどうでしょうか。

この回答への補足

ご回答ありがとうございます。
やはり、クロスブラウザの問題を考えると、submitボタンを作る方法が間違いありませんね。

方法は1),2)のどちらかでしょうか。
1)submitボタンをCSSで書き換える方法。

2)display:noneでsubmitボタンを見えなくしておいて、<a>にJSのonClickイベントでsubmitボタンをclick()する方法。

Javascriptはクロスブラウザ問題が多くあるので1)がベストでしょうね。いろいろ勉強になりました。

補足日時：2010/01/31 14:07

通報する

- 0
- 件

通報する

No.2

回答者： yambejp
回答日時：2010/01/19 14:39

formにnameをつけるのは今風ではない・・・せめてidで処理してみては？

formの数がわかっていれば序数でも処理できます。

<a href="#" onClick="document.getElementsByTagName('form')[0].submit();return false;">クリック</a>
<form>
<input type="text" name="aaa" />
</from>

- 0
- 件

通報する

No.1

回答者： fujillin
回答日時：2010/01/19 14:07

<a>はリンクタグなので、リンク先にリンクしようとするからでは？

ｆormのsubmit用にはsubmitボタンがあるので、それを利用するのが普通。
わざわざform外に出す必然性が不明。
ご提示のものも、form内の最初にsubmitボタンを記述すればすむはず。
そうすれば、javascriptなども使わないですむ。

おまけ
　document.forms['frm'].submit();
　return false;