テキスト入力フォームのあるページ「form.html」を作るにあたって、以下のようなことを実現したいのですが方法が分かりません・・。
<やりたいこと>
「form.html」にアクセスすると、フォームの中に文字列「A」が表示されていて、フォームの中をクリックして入力可能状態にすると「A」の文字は消えるようにしたい。
例えば以下のページの左上にあるSEARCHフォームのようにしたいのです。
http://www.cnn.com/feedback/
「SEARCH」と表示されたフォームの中をクリックすると「SEARCH」の文字は消えますよね。その後フォームの中の選択を外すと、再び「SEARCH」の文字が現れますが、これと同じ事を、複数行入力のテキストエリアで実現したいのです。
上記サイトの見様見真似で以下のように作ってみましたが、上手くいきませんでした↓
<TEXTAREA name="aaa" value="A"
onfocus="if(this.value=='A'){this.value='';}"
onblur="if(this.value==''){this.value='A';}">
</TEXTAREA>
<実行結果>
1.「form.html」にアクセスした時に「A」は表示されていない。
2.フォームの中をクリックして選択した後、再び選択を外すと、
「A」は表示される。
自分がしたいのは、上記の参考サイトのように初めから「A」を表示させていたいのです。
どうすればいいのでしょうか?
分かる方いらっしゃたら是非教えて下さい!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
フォームの値が0だったら空白...
-
フィールドを有効(enabled?)に...
-
テキストボックス入力を半角英...
-
フォームのチェック
-
入力された数値による計算について
-
javascript ブラウザ IE 動作し...
-
フォームの表示が消えてしまう...
-
テキストエリアに入力された語...
-
slickのレスポンシブ > center...
-
至急!GetElementById でtdの...
-
クリックされた罫表セルの行番...
-
return trueとreturn falseの用...
-
自動的に連番生成したURLにリン...
-
ドロップダウンリストの値の足...
-
XMLHttpRequestを利用してPHPへ...
-
チェックボックスにチェックが...
-
FormのonsubmitでJavaスクリプ...
-
Javascriptの"return "について
-
objectのindex値って取れますか?
-
プルダウン4つ連動+α
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
onClickとsubmitの処理順序
-
文末の改行コードを削除したい
-
JSPとJavaScriptの連携について...
-
JQueryで2つのテキストフィー...
-
フォームの値が0だったら空白...
-
フィールドを有効(enabled?)に...
-
ASP エラーチェック VBScript
-
PDFフォームで条件つき金額を表...
-
テキストボックスのグレーアウト
-
Javascript 郵便番号の入力欄で...
-
テキストボックス入力を半角英...
-
フォームから入力すると、入力...
-
submit後、同じ入力欄に戻らせ...
-
条件により、リンク先に画面遷...
-
最初の入力を判断
-
2重でメール入力チェックをした...
-
テキスト入力フォームの値を画...
-
HTMLで入力したものを変数で扱...
-
javascriptで入力フォームが空...
-
Javascriptが機能せず原因が分...
おすすめ情報