よもやまチョモランマ

入力フォームをHTML5で

お問い合わせページの入力欄の先入れ文字。
今までは黒文字で、入力するとき全選択して削除しないといけなかったんだけど、
これをグレー文字にして、カーソルもっていったら消えるようにしたいなって、ずっと思ってて。

でも、JavaScriptなわけですよ。
苦手なんですよね。
うちのサーバー曲者だから、ふつうは動くものも動かなかったりするし。
めんどくさいなぁと思いつつ、本日は意を決して、ググったり、コピペしたり、改造したり・・・
で、やっぱりうまくいかなくて。

他の記事さがしたら、なんと、HTML5でできるというではありませんか。

半信半疑でやってみたら
っまーーーーー!!!!!
ほんとにできたよ!!!
びっくりするほど簡単にな!!!

<Head>内にJSソースつらつら記述しなくていいし、<input>タグに付記するコードだって placeholder=”” ひとつだよ!

ひええええ~~
HTML5すげえええ~~

ちなみに

<input type=”tel”>
<input type=”email”>なるものも出来たそうです。
メールは@がないとき送信時にエラーメッセージが表示されるんだそうです。

ふおおおおお~~
HTML5すげええええ~~

その調子でJSもCGIもどんどん撲滅していってほしいです ううう

【参考URL】

入力ボックスの初期値として薄いグレーの文字を表示する