hrefの入力タイプsubmit

なぜ入力タイプのhrefがIEで機能しないのですか？（と私はそれを修正するために行うことができます）hrefの入力タイプsubmit

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org /TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen"> 
</head> 
<body> 
<a href="1.html"><input type="submit" class="button_active" value="1"></a> 
<a href="2.html"><input type="submit" class="button" value="2"></a> 
<a href="3.html"><input type="submit" class="button" value="3"></a> 
</body> 
</html>

のstyle.css：

* { 
    margin: 0; 
    padding: 0; 
} 

/* CSS Buttons: http://www.web4site.de/css/css-buttons.php */ 
.button { 
    padding:0; 
    margin:0; 
    border:none; 
    font-size:14px; 
    background: url(../img/button.gif) no-repeat center; 
    color: #000000; 
    height:27px; 
    width:134px; 
    font-variant:small-caps; 
} 

.button:hover { 
    padding:0; 
    margin:0; 
    border:none; 
    font-size:14px; 
    background: url(../img/button.gif) no-repeat center; 
    color: #FF0000; 
    height:27px; 
    width:134px; 
    text-decoration:none; 
    font-variant:small-caps; 
} 

.button_active { 
    padding:0; 
    margin:0; 
    border:none; 
    font-size:14px; 
    background: url(../img/button.gif) no-repeat center; 
    color: #FF0000; 
    height:27px; 
    width:134px; 
    font-variant:small-caps; 
}

これはFirefoxで正常に動作します...

出典

2011-07-14 Marc

あなたはhtmlに制限があることを受け入れる必要があります – Sotiris

それがないので、それは動作しません。（HTML5が明示的にそれを禁じているという意味はほとんどない）。

これを修正するには、リンクまたは送信ボタンを使用し、実際に必要なものを使用するかどうかを決定します（ヒント：フォームがないため、送信ボタンはナンセンスです）。

出典

2011-07-14 13:04:24 Quentin

私はリンクが必要で、それをフォーマットするための入力タイプ（バックグラウンドイメージなど）を使用するので、私にとって理にかなっています。 – Marc

リンクをクリックすると、リンクをたどります。送信ボタンをクリックすると、フォームが送信されます。リンク内の送信ボタンをクリックすると、同時にリンクをたどってフォームを送信しますか？どちらもブラウザを新しいURIに送りますか？それはまったく意味がありません。 – Quentin

それはあなたの問題です。送信ボタンはフォームを送信するためのものですが、ボタンのように見えるようにするためのものではありません。ボタンのように見えるようにするには、CSS **を使用します。 – Quentin

action=""のラッピングformタグにリンク先を置きます。

あなたの最初のリンクは次のようになります。

<form action="1.html"> 
    <input type="submit" class="button_active" value="1"> 
</form>

出典

2011-07-14 13:04:36 Phil

リンクは入力タイプごとに同じではありません。 - – Marc

入力のためにデータを提出したいと思っているので、3つの異なるフォームが必要になります。 – Phil

あなたがアンカー内の送信ボタンを置きたいと思うのはなぜ？フォームを送信するか、別のページに移動しようとしています。どちらですか？

フォーム提出のどちらか：私はクエンティンに同意

<input type="button" class="button_active" onclick="location.href='1.html';" />

出典

2011-07-14 13:05:45 Kon

これは問題なく動作しています。ありがとうalot :) – Marc

問題はありません。この回答を受け入れることをどうぞお気軽に。 ;） – Kon

：

<input type="submit" class="button_active" value="1" />

それとも別のページに移動します。あなたがそれを好きにしたい理由については意味がありません。それはSemantic Webコンセプトの一部です。あなたは将来の統合/拡張のためにあなたのWebサイトのオブジェクトを計画しなければなりません。適切なユースケースに従わないと、別のWebアプリケーションやWebサイトでコンテンツとやりとりすることはできません。

IEとFirefoxは2つの異なる獣です。 Firefoxと他の標準を意識したブラウザがIEに許していることはたくさんあります。

実際にデータを送信せずにボタンを作成する場合は、DIV/CSSの組み合わせを使用します。

出典

2011-07-14 13:10:05 fergatron

<a href="1.html"><input type="text" class="button_active" value="1"></a> 
<a href="2.html"><input type="text" class="button" value="2"></a> 
<a href="3.html"><input type="text" class="button" value="3"></a>

これを試してください。あなたが真に提出物としてタイプにこだわる必要がない限り、私が提供したものはうまくいくはずです。あなたが提出することに固執するつもりなら、上記のすべてが正しいです、それは理にかなっていません。

出典

2012-08-30 05:56:50 ImagineCustoms

hrefの入力タイプsubmit

答えて

関連する問題