Q&A
https://teratail.com/help/question-tips#questionTips3-8
前提・実現したいこと
ボタンを押すと表がある画面に遷移するhtmlを作成しています。
ボタンを押して一つの表が表示されるコマンドが分からないです。下記がコマンドですがこのままでは最初から表が出ているので最初は表が出ずにボタンを押してから表がある画面へと遷移したいです。
発生している問題・エラーメッセージ
最初の画面は表が出ないようにしたいが出てしまっている ボタンを押しても表がある画面へと遷移しない
該当のソースコード
<html> <head> <title>画面遷移</title> </head> <body> <form action="次画面.html"> <input type="submit" value="次画面へ遷移"> </form> <table border="1"> <tr> <th>日付</th> <th>集合場所</th> </tr> <tr> <td>2016/4/8</td> <td>渋谷</td> </tr> <tr> <td>2016/5/20</td> <td>原宿</td> </tr> </table> </body> </html>
あまり丸投げが過ぎると回答つかなくなりますよ。いずれにしてもこの内容では要件も前提もゴールも明確ではないので回答は難しいですね。質問Tipsを熟読して全体的に再編してください。
要件を明確にし、やりたいこと、やるべきことを細分化して書くといいですね。「ボタンを押して表へと画面遷移する方法」は幾つもクッションがあるのでそのまま検索しても解決方法は出てきません。
まずどういったことを調べたら良いですか?
要件を明確にし、やりたいこと、やるべきことを細分化 すること。調べるのはそれからです。質問の文章だけでどれくらいの人が要件まで理解できるでしょうか？（エスパーはいないと思ったほうがいいです）
回答2件
0
ベストアンサー
ボタンを押すと表がある画面に遷移するhtmlを作成しています。
ボタンを押して一つの表が表示されるコマンドが分からないです。下記がコマンドですがこのままでは最初から表が出ているので最初は表が出ずにボタンを押してから表がある画面へと遷移したいです。
”コマンド”の意味がわからない上, フォームの存在意義についての言及が為されておらず, どう答えたものだかが判断つきません.
例えば最初に表を隠しておき, 後から表示するだけであっても
- CSSで表の表示・非表示を切り替える
- JavaScriptで切り替える
- 表が存在するページをWEBサーバーに問い合わせる
- ajaxでデータを取り寄せWEBページで再構成する
等の様々な対処策が考えられます.
CSSを用いた例
HTML
1<a href="#tbl">表示</a> 2<table id="tbl"> 3 <caption>説明</caption> 4 <thead><tr><th>見出し</th><th>見出し</th></tr></thead> 5 <tbody><tr><td>データ</td><td>データ</td></tr></tbody> 6</table>
CSS
1#tbl{display: none;} 2#tbl:target{display: table;}
投稿2018/04/16 08:17
総合スコア4756
0
表を別ファイル（次画面.html）で作成すればよいと思うのですが、求めている動作とは違いますか？
HTML
1<html> 2<head> 3<title>表</title> 4</head> 5<body> 6<table border="1"> 7<tr> 8<th>日付</th> 9<th>集合場所</th> 10</tr> 11<tr> 12<td>2016/4/8</td> 13<td>渋谷</td> 14</tr> 15<tr> 16<td>2016/5/20</td> 17<td>原宿</td> 18</tr> 19</table> 20</body> 21</html>
投稿2018/04/16 08:17
総合スコア139
あなたの回答
tips
プレビュー
