HTML初心者です。修正する上記のハイパーリンクをインプットボタンでリンクさせたいのですがだと新しいウィンドウが開いてしまいますしだとリンクできません。どのようにすれば良いのでしょうか？よろしくお願いします。

でよろしいでしょうか？？onClickはjavascriptのものなので、入力formでphpやhtmlと同時に使うことはあまりありません。やはり、タグの中に、処理するphpのアドレスを記述するのがよいかとは思います。簡素な回答で申し訳ありません。

もも同じ外観なのでで良いでしょう。ただ、HTMLの要素的にはリンクでありながらプレゼンテーション(見栄え)だけをボタンにしたいのでしたら、スタイルシートを使ってデザインするほうが多くの面で良いでしょう。 a.button{ border:outset 3px gray; padding:2px; background-color:rgb(180,180,180); text-decoration:none; } a.button:active{border-style:inset;} 修正する

ハイパーリンクをインプットボタンで作るには

解決済

質問者：shorinji36
質問日時：2010/12/17 01:02
回答数：5件

HTML初心者です。

<a href="input.php?action=rewrite">修正する</a>

上記のハイパーリンクをインプットボタンでリンクさせたいのですが

<input type="button" class="button" value="修正する" onClick='window.open("input.php?action=rewrite")'>

だと新しいウィンドウが開いてしまいますし

<input type="button" class="button" value="修正する" onClick=("input.php?action=rewrite")>

だとリンクできません。

どのようにすれば良いのでしょうか？

よろしくお願いします。

通報する

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

質問の本文を隠す

回答 (5件)

No.1

回答者： favordate
回答日時：2010/12/17 05:00

<form action="input.php?action=rewrite" method="post"><input type="submit" value="修正する"></form>

でよろしいでしょうか？？onClickはjavascriptのものなので、入力formでphpやhtmlと同時に使うことはあまりありません。やはり、<form>タグの中に、処理するphpのアドレスを記述するのがよいかとは思います。
簡素な回答で申し訳ありません。

- 0
- 件

通報する

この回答へのお礼

回答有難うございます。

試してみましたがリンクしませんでした。

通報する

お礼日時：2010/12/17 12:04

No.2

回答者： ORUKA1951
回答日時：2010/12/17 08:58

<input type="button">も<input type="submit">も同じ外観なので

<form action="送信先"><input type="submit"></form>で良いでしょう。

ただ、HTMLの要素的にはリンクでありながらプレゼンテーション(見栄え)だけをボタンにしたいのでしたら、スタイルシートを使ってデザインするほうが多くの面で良いでしょう。
<html>
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
<head>
<style type="text/css">
a.button{
border:outset 3px gray;
padding:2px;
background-color:rgb(180,180,180);
text-decoration:none;
}
a.button:active{border-style:inset;}
</style>
</head>
<body>
<p><a class="button" href="input.php?action=rewrite">修正する</a></p>
</body>

- 0
- 件

通報する

この回答へのお礼

回答有難うございます。

たしかにリンクできるのですがボタンの形状がサブミットボタンと違い困っています。

色々、CSSをいじってみたのですがサブミットボタンは丸みがあるのですがORUKA1951さんのボタンは角ばっています。

当方、CSSも未熟なため形状の変更の仕方がわかりません。

通報する

お礼日時：2010/12/17 12:10

No.3ベストアンサー

回答者： yyr446
回答日時：2010/12/17 12:55

<input type="button" class="button" value="修正する"

onClick='location.href="/input.php?action=rewrite"'>

じゃだめなの。

- 0
- 件

通報する

この回答へのお礼

回答有難うございます。

無事できました。

通報する

お礼日時：2010/12/19 23:21

No.4

回答者： metametamu
回答日時：2010/12/17 16:35

私も2さんの回答どおり、inputに置き換え無い方がいいと思いますよ。

丸いということはsafariとかでしょうか？ブラウザによってボタンの形はそれぞれ違うので、inputを使ったからといって全ての環境で丸ボタンになるわけではありませんよ。
今回のケースでは画像を使ってimg要素にリンクをしましょう。画像は、safariのボタンを画面キャプチャとかから取得して編集すれば結構簡単に作れると思います。

<a href="input.php?action=rewrite"><img src="button.jpg" alt="修正する" /></a>

- 0
- 件

通報する

この回答へのお礼

回答有難うございます。

ブラウザはIE8です。

通報する

お礼日時：2010/12/20 01:15

No.5

回答者： ORUKA1951
回答日時：2010/12/17 16:55

>たしかにリンクできるのですがボタンの形状がサブミットボタンと違い困っています。

単にデザインのためでしたら、formでないものをformというのもおかしい。
SEO的に問題があるでしょう。
また、それがどのように表示されるかはブラウザ依存ですから、こちらから指定することはできません。
　どうしてもなら、スタイルシートで３種類のボタンを、なにもなし/hover/activeで切り替えればよいです。
　それなら画像やスタイルシートを読まないテキストブラウザや検索エンジンでもリンクだとわかる。