web-dev-qa-db-ja.com

入力タイプ送信に関するhref

入力タイプの送信の周りのhrefがIEで機能しないのはなぜですか? (そしてそれを修正するために私は何ができますか)

<!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で正常に動作します...

8
Marc

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

フォームを送信します。

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

または、別のページに移動します。

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

意味がないので機能しません(HTML 5が明示的に禁止しているのはあまり意味がありません)。

修正するには、リンクと送信ボタンのどちらを使用するかを決定し、実際に使用するボタンを使用します(ヒント:フォームがないため、送信ボタンは意味がありません)。

11
Quentin

クエンティンに同意します。なぜあなたがそのようにしたいのかについては意味がありません。 Semantic Web コンセプトの一部です。将来の統合/拡張のために、Webサイトのオブジェクトを計画する必要があります。別のWebアプリまたはWebサイトは、適切なユースケースに従わない場合、コンテンツを操作できません。

IEとFirefoxは2つの異なる動物です。 IEにより、Firefoxや他の標準に対応したブラウザが拒否できることがたくさんあります。

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

0
fergatron

あなたはそれを行うことができます。入力タイプsubmitはフォーム内にある必要があります。次に、リダイレクトするリンクをフォームタグ内のアクション属性内に記述するだけです。

0
Mayk

リンクの場所をaction=""折り返しformタグ。

最初のリンクは次のようになります:

<form action="1.html">
    <input type="submit" class="button_active" value="1">
</form>
0
Phil
<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>

やってみて。あなたが本当に送信するタイプに固執する必要がない限り、私が提供したものはうまくいくはずです。送信を続ける場合は、上記のすべてが正しいため、意味がありません。

0
ImagineCustoms