テキスト入力フォームのあるページ「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で質問しましょう!
似たような質問が見つかりました
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- JavaScript 空白で入力フォームのボタンをクリックしたら、ブラウザの上部からjavascriptで 表示されるアラ 1 2022/05/20 11:16
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- PHP if(preg_match("/[^0-9]/",$gu_d)){意味を教えてください。 1 2022/05/06 05:37
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ラジオボタンによるフォームの...
-
テキストボックス入力を半角英...
-
PDFフォームで条件つき金額を表...
-
onClickとsubmitの処理順序
-
条件により、リンク先に画面遷...
-
日付入力欄の表示形式を自動的...
-
javascriptでのフォーム自動入...
-
チェックボックスのON/OFFでVal...
-
正規表現で複数マッチ条件で悩...
-
onchangeイベントを強制的に発...
-
プルダウン 項目が多いので先頭...
-
TextBoxに半角数字以外を入れた...
-
return trueとreturn falseの用...
-
ラジオボタンのチェックが外れ...
-
【jQuery】input nameの文字列...
-
<input>の選択肢をプルダウンメ...
-
【jsp/Java】チェックボックス...
-
特定<table>内の<td>の色を変える
-
<JavaScript>tableタグを入力不...
-
submitした値を返したい
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
onClickとsubmitの処理順序
-
条件により、リンク先に画面遷...
-
javascriptで入力フォームが空...
-
フォームから入力すると、入力...
-
ラジオボタンによるフォームの...
-
JSPとJavaScriptの連携について...
-
テキストフィールドに入力した...
-
日付入力欄の表示形式を自動的...
-
最初の入力を判断
-
PDFフォームで条件つき金額を表...
-
テキストボックスを無効にする...
-
URLの/以降だけを入力したいです。
-
vbsでフォームに値を入力できない
-
フォームの値が0だったら空白...
-
テキストエリア入力文字数の表...
-
VBScriptで未入力のチェック(...
-
テキストボックス入力を半角英...
-
数字の1文字目を消したい
-
Javascriptが機能せず原因が分...
-
javascriptで入力禁止文字をチ...
おすすめ情報