Q&A
JavaScriptタグがないようですが、type="button"は単体では何も起こさないのでJavaScriptを書く必要がありますが、それは大丈夫なのでしょうか？
☆先にお読みください→指摘によりtype=buttonがinputやbuttonタグなどにしか使えないことに気づきました。 解決するにはJavaScriptを使うかJavaScriptを、このままでaタグをCSSで装飾すると良いみたいです。以下質問文はそのまま残してあります。
バッドノウハウ？いいやり方ではないということでしょうか、、、一応このままでecho内にフォームとボタンタグを入れるやり方もあるみたいです。
勉強したてでhtml、css、phpだけで戻るボタンの実装を試みているのですが、ボタンをtype="button"で表示する方法がわからず質問に至りました。
現在は「戻る」表示のリンクでの実装まではできたのですができたら戻るをボタンにて実装したいのですが、色んなところにtype="button"入れてみたもののエラーにしかならず自分ではよくわかりませんでした。
現在の戻るボタンの記述です↓
php
1 2<div class="backButton"> 3 <?php 4 //ホスト名取得 5 $h = $_SERVER['HTTP_HOST']; 6 7 // リファラ値があれば、かつ外部サイトでなければaタグで戻るリンクを表示 8 if (!empty($_SERVER['HTTP_REFERER']) && (strpos($_SERVER['HTTP_REFERER'],$h) !== false)) { 9 echo '<a href="' . $_SERVER['HTTP_REFERER'] . '">前に戻る</a>'; 10 } 11 ?> 12</div> 13
なにかアドバイスなど頂けると助かります。よろしくお願いしますm(__)m
type="button"はinputタグかbuttonタグにしか適用できないはずですが、例えばどのように入れたのでしょうか。ボタンタグで画面遷移させようと思うといずれにしてもonclickを拾わなければなりません。それならaタグをボタンっぽく装飾した方がいいようにも思いますが、何のための「戻るボタン」ですか？
ボタンのような見た目、というならtype="button"など不要で、スタイルの調整だけになります。
ありがとうございます！javascriptは無しで考えています。ということはtype="button"がそもそも使えないということなんですね＞＜ そのまま突っ込んでいただけですのでできるはずもないんですね＞＜
htmlのリファレンス読まれた方が良いです。プログラムは指示した通りにしか動かないので仕様外のことは除外、無視されるかエラーとなるだけで、絶対に「いい感じに」解釈してはくれません
見た目だけの話です。ということは、記述はこのままで、CSSを追加というだけでしょうか？ 戻るは前のページに戻るだけのボタンです。投稿フォームを勉強中なので、ページ１が投稿フォームで、送信したらページ２に行き、そこに戻るボタンでページ１に行けるというものを作ろうとしています
aタグをボタンっぽく装飾してください。サンプルは調べればたくさん転がっているのでお好みのを拾ってきては
とりあえず見当違いのタイトルだけ修正いたしました。
それだとphpは関係ない上にサンプルが幾らでも転がってるから丸投げになってしまうんですよね…。 タイトル変えずに回答書いて自己解決にした方がよいと思いますよ。こんな感じで→ 原因：指摘によりによりtype=buttonが使えないタグへの反映を試みていたことに気づいた 解決策:JavaScriptを使わない要件だがbuttonタグだとJavaScriptを使用する必要があるので現状のaタグを装飾すると良いとアドバイスを受け、その方向で対応することにした
バッドノウハウをかいておいた ・ｗ・）
自己解決できました。アドバイスありがとうございました！ああ、なるほど、自分みたいな初歩ミスの方がほかの方の参考になるケースがあるかもですね！タイトル戻しておきます！
解決済みの質問を何度も編集するのはよくありません。慎重に行ってください。
すみません＞＜でも私はどうしたらよかったのでしょう？？
？ 解決したらそもそも触る必要ないのでは？ 何か新たに疑問が出たのであれば新しく質問立てれば良いですし。解決したはずの質問が何度も編集されると関わった人に通知が行くので困惑させてしまいます。
なるほど、通知がそのたびに行ってしまうんですね＞＜ 今回は質問の推移をお分かりいただけていると思うんですが、自己解決しおわってから、さらに参考になる回答やご指摘があったのでこの質問をほかの人が見やすいようにしなくてはと思いやってしまいましたm(__)m今後は解決したら何も手を付けないようにいたします。申し訳ございませんでしたm(__)m
たぶん、タイムラグ（あと反応速度の違い）があると思います。私は2018/09/13 16:08の私のコメント後、2018/09/13 16:15で質問者さんが自己解決の回答を書かれていたので時系列的にそれで終わったと思っていましたが、質問者さんが認識するタイミングが遅れたのか何かで入れ違いのようになってしまっていました。あくまで「慎重に」行えば良いかと思います。質問者さんは1人ですが見ている人・回答者は何人もいるのでそのあたりの対応がリアルタイムにならないのは仕方ないですね＾＾；
了解です！ありがとうございます！また何かありましたらよろしくお願いいたしますm(__)m
回答2件
0
自己解決
アドバイス頂いた通りCSSで探してみたらあっさり解決できました！
ありがとうございました！
type="button"はinput buttonタグにしか使えないのですね。勉強になりました！
一応カラーが適当ですがCSSかいておきます！
css
1 2.backButton{ 3 margin: auto; 4 text-align: center; 5} 6.backButton a{ 7 position: relative; 8 display: inline-block; 9 padding: 0.25em 0.5em; 10 text-decoration: none; 11 color: #FFF; 12 background: #1f1813; 13 border-bottom: solid 2px #d27d00;/ 14 border-radius: 4px; 15 box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19); 16 font-weight: bold; 17} 18 19.backButton a:active { 20 border-bottom: solid 2px #fd9535; 21 box-shadow: 0 0 2px rgba(0, 0, 0, 0.30); 22} 23 24
投稿2018/09/13 07:15
総合スコア60
0
■ バッドノウハウ
GET な FORM を作成する (type="submit")
php
1echo '<form action="' . $_SERVER['HTTP_REFERER'] . '" method="GET"><button>前に戻る</button></form>';
投稿2018/09/13 07:11
退会済みユーザー
総合スコア0
回答ありがとうございます！
すごいです！さらにechoの中でフォームとボタンを記述できるんですね！
とても参考になります！！
echoでhtmlを出力してるだけですよ。そこは大きく勘違いされてるようです。
正直この記述は元の記述もそうですが詳しくは理解できていません。
<form action="HTTP_REFERER" method="GET"><button>前に戻る</button></form>
ってＨＴＭＬを出力してformタグとbuttonタグ使えるようにしたってことですよね？
申し訳ないですが何が理解できてて何を勘違いしているのかもわからなくなってきましたＯＴＬ もっと勉強いたしますm(__)m
asahina1979さんも書かれているように「バッドノウハウ」です。
「一応実現はできるけど好ましくないやり方」なので、参考程度に留めておくと良いです。
あなたの回答
tips
プレビュー
