HTML5ではinputとtextareaに属性が追加されHTMLだけでいろんなことができるようになっている。IE以外の主要なブラウザで対応しているようなので「お問い合わせ」のページを編集してみた。
placeholder属性を追加。記入例をplaceholder属性で済ませようかと思ったけど、IE9でも全く対応していないので、仕方なく記入例は別途記述し入力していただく内容を表示した。
もちろんメールアドレスの入力部分にはtype属性の値をemailとしている。
また必須項目はrequired属性を追加し、CGIでのチェックの前に確認してもらうことができる。
便利ですね。