銀杏の木

当サイト版 rNote である rNote-re だが、今後の予定として、とりあえず HTML5 対応をしてみようと思う。

ヘッダ情報の修正と、 css も含めたレイアウトの HTML5 タグ対応が中心になるだろう。

そして HTML5 対応が出来たら、トップページにアニメーションを追加したり HTML5 らしいデザインにしたりしてみようと思う。

・・・というわけで、まずはヘッダ部分を修正し HTML5 のヘッダを出力するようにしたみた。まだ中身が伴っていないのでなんちゃって HTML5 だが・・・（笑）。

ちなみに、「開発」カテゴリがあるのをすっかり忘れ、「ソフトウェア」や「冬星のソフトウェア」に開発関連の投稿を続けていたのに気づいた。今更ながら、開発関連の話題は「開発」カテゴリに投稿することにした。

なぜ XHTML5 にしたかというと、 rnotepad.php （記事投稿エディタ）で、「投稿」ボタンが押されたときに、日付などの入力欄の入力チェックがしたかったからだ。

とりあえずやってみた感想だが、 input タグの要素に pattern で正規表現を使って入力してよい値を指定するのだが、それだけだと、未入力の場合素通りしてしまう。 required 要素も一緒に指定しておく必要がある。検索して見つけたサイトは、その注意点が漏れていた。

あと、 pattern で指定した形式ではなかった場合、「投稿」ボタンを押すと、「Please match the requested format.」（ firefox　）や「指定されている形式で入力してください。」（ chrome　）といったメッセージがツールチップ形式で表示されるのだが、どのような形式にする必要があるかは教えてくれないのだ。

こういう場合、例えば時刻であれば「００〜２３を入力してください。」とツールチップに表示したいのだが、それができないので、 HTML5 の入力チェックは、いまいち役に立たないことが分かった。

今の HTML5 の入力チェック方式であれば、例えばフォームの入力欄付近にどのような形式で入力するかを正確に表示しておく必要があるが、これでは非常にうっとうしい状態になってしまう。やはり、ちゃんとやりたければ javascript などでごりごり書かないといけないようだ。もう一度言うが HTML5 の入力チェックは、「いまいち」なのである。