Google の TOP ページを想像していただけるとわかりやすいかと思うのですが、
※ http://www.google.co.jp/
Web ページ(html ファイル)に文字入力欄(ボックス)とボタンがある時、
ボタンを押すとボックスに何らかの文字が出力されるように
JavaScript を組みたいのですが、何か良い方法はご存知でしょうか?
以下が私が考えている案です。
***********************************************************************
文字入力欄(ボックス)は input タグによって作られるので、
<input class=hoge onClick="charInput('ぬるぽ')">
のようにして input タグ内に onClick を埋め込み、
関数 charInput(引数) については
head タグ内の script タグ内で定義します。
しかし、この関数部をどのように実装すれば良いかや、
span タグの設定をしなくても良いのかなど、
調べても不明な点を解決できず困っております。
***********************************************************************
以上、大変恐縮ですが何かコメントいただけると非常に嬉しいです。
よろしくお願いします。
No.1ベストアンサー
- 回答日時:
<script type="text/javascript">
function clicli(){
document.frm.target.value = "あああ";
}
</script>
<form name="frm">
<input type="button" value="実行" onclick="clicli()" />
<input type="text" name="target">
</form>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- Excel(エクセル) PHPプログラムをエクセルに張り付けると検索ボックスがでてくる! 3 2022/05/08 07:10
- JavaScript javascriptで入力フォームが空欄の時にアラートによるエラーを出すコードを書いています。 2 2023/06/13 17:58
- JavaScript HTMLでJavaScriptを使ってパスワードの強化判定のプログラムを作成しています。 一通り作っ 2 2022/10/19 01:41
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript コードレビューをお願いします。 1 2022/07/16 05:38
- WordPress(ワードプレス) ワードプレスで、投稿一覧ページにタグを表示する方法 投稿につけたタグを、記事一覧ページにもカテゴリと 1 2023/05/10 21:41
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
入力フォームの javascript で ...
-
親ページからインラインフレー...
-
GETをPOSTに変更したところ 送...
-
1アクションでPOST・GET、両方...
-
長文のmailtoの使い方
-
複数のフォームを一括で送信す...
-
プルダウンメニューアイテムの...
-
フォームに入力した値をURLに付...
-
checkboxを「変更不可」にでき...
-
リンクをクリックした時にform...
-
submitをボタン以外にするには
-
セレクトボックスの値による入...
-
URL パラメータを使ってフォー...
-
チェックボックスにチェックを...
-
フォームからsubmitをした後再...
-
<a href=**?***=***>をGET方式で
-
送信ボタン押下時に値が未入力...
-
inputタグのclass名にコロン「:...
-
HTMLとCSS
-
複数のプルダウンからリンクす...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
入力フォームの javascript で ...
-
画像をボタンのようにフォーカ...
-
親ページからインラインフレー...
-
JavaScript の 「showDialog」
-
Javascirptによるページ内への...
-
[onClick]ボタンを押すことで入...
-
確認ダイアログ表示後、他のペ...
-
パスワードをIPする際見えな...
-
別なページにジャンプさせたい
-
htmlのobjectタグで埋め込んだ...
-
検索結果画面の値の引継ぎとr...
-
テキストボックスのvalue属性で...
-
ボタンにファイルリンクをつける
-
複数の画像ボタンから複数の画...
-
Mac(Safari)でのSendkyesコマン...
-
a.href の href を有効か無効に...
-
チェックボックスで、チェック...
-
submit時に違うページに飛びたい
-
submitをボタン以外にするには
-
URL パラメータを使ってフォー...
おすすめ情報