1

なぜIE 8で（Windows XPではv8までしかアップグレードできないため、アップグレードできません）これが機能するのですか：

<body>
   <a href="page.html">
      <img src="myimage.jpg" />
   </a>
</body>

これはしません:

<body>
   <a href="page.html">
      <input type="button" name="mybutton" value="Go to page" />
   </a>
</body>

他のすべてのブラウザーで機能し、ここで正常に検証されるリンクを探しているボタンが必要でしたhttp://validator.w3.org

4

5 に答える 5

2

ボタンのように見えるリンクが必要な場合は、ボタンのように見えるようにリンクのスタイルを設定します。

<a href="page.html" class="btn">Go to Page</a>

.btn {
    color: #000;
    padding: 1px 6px;
    background: #EEE;
    text-decoration: none;
    border: 1px solid #999;
    font: 13px Helvetica, Arial, FreeSans, Verdana, Tahoma;
}

.btn:hover {
    cursor: pointer;
    background: lightblue;
    border-color: #7EB4EA;
}

これは、同様のスタイルのボタンと並べて配置すると、次のようになります。

ここに画像の説明を入力してください

フィドル： http： //jsfiddle.net/jonathansampson/g6faB/

于 2013-01-30T01:26:17.347 に答える
1

onClickイベントを使用するだけです。

<input type="button" value="Google" onClick="javascript:location.href = 'http://google.com';" />

フォームの送信など、サーバーを介してアクションを開始するには、ボタンを使用する必要があります。

別のページまたはクライアント側のアクション（Javascriptなど）に移動するには、ハイパーリンクを使用する必要があります。

于 2013-01-30T00:19:13.077 に答える
0 
<form action="page.html">
    <input type="submit" value="Go to page" />
</form>
于 2013-01-30T00:33:08.113 に答える
0

これを試して：

<input type="image" src="myimage.jpg" alt="Submit" width="48" height="48">

上記のように、 input を使用する場合は、 内で使用することを忘れないでください<form>。

于 2013-01-30T00:39:50.737 に答える
0

HTML5 では、両方ともインタラクティブな要素であるため、要素inputを要素の子として使用することはできません。a

HTML 4.01 では許可されているようです (ただし、要素の周りにブロック要素a、たとえば aが必要ですdiv)。

于 2013-01-30T02:03:10.020 に答える