• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:HTML5について)

HTML5で時間割表を作成する方法

このQ&Aのポイント
  • Monacaを使ってHTML5とCSS、JavaScriptを使って時間割表を作ろうと思っています。科目、教室、備考の情報を自由に書き換えて保存できるようにしたいです。スマホの画面サイズに合わせて表示されるようにするため、<input>タグを使うとはみ出してしまいます。Excelのような表示にする方法を教えてください。
  • Monacaを使ってHTML5とCSS、JavaScriptを使って時間割表を作成する方法を教えてください。科目、教室、備考の情報を自由に書き換えて保存できるようにしたいです。スマホの画面サイズに合わせて表示されるようにするための方法も教えてください。
  • Monacaを使ってHTML5とCSS、JavaScriptを使って時間割表を作成したいです。科目、教室、備考の情報を自由に書き換えて保存できるようにしたいです。スマホの画面サイズに対応するための方法を教えてください。

質問者が選んだベストアンサー

  • ベストアンサー
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.2

HTML5じゃない!!! <!DOCTYPE HTML><!-- 小文字のほうがよいかも --> <html><!-- langは必須 --> <head> <meta charset="utf-8"> ・・・【中略】・・・ </head> <body> <center><!-- centerは使えない --> <a href="index.html">戻る</a><!-- a要素はbodyには書けない --> <table border="5"> <tr bgcolor="#1FD3DF"> ・・・以下width,height,bgcolorは使ってはなりません。 </body> </html> ★javascriptではなくCGIを使うほうが良いでしょう。 ★widthやheightを指定せず、スタイルシートで%指定しましょう。 ★表は表示幅に合わせて伸縮してくれます。 その内容でしたら、HTML5の必要はない。簡単なHTML4.01で十分です。ただしstrictにして、デザインはスタイルシートで。

DreamyLife_615
質問者

補足

詳しい回答ありがとうございます ですが始めたばかりでまだ右も左もわかりません>< もう少し噛み砕いて教えていただきたいです><

その他の回答 (1)

回答No.1

monaca(Phonegap、webkit)で作るなら、contenteditableが使えます。 https://developer.mozilla.org/ja/docs/Web/HTML/Content_Editable 実装例に保存方法も書かれています。 <input>にするならスタイルシートを適用してサイズを調整してください。 編集した内容を複数人で共有するのであれば、サーバーのプログラムを作成してサーバーに保存する必要があります。 オリジナルのプロトコルを作る事も可能ですがそれでは敷居が高くなるので、CGIと同じ仕組みで作るのが簡単です。 サーバーサイドの作り方はウェブページ(BBS)を作るときと全く同じです。 (クライアントサイドの作り方もウェブサイトと全く同じで行けます。)

関連するQ&A