A 回答 (3件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
こんにちは
方法はいろいろあると思いますので、以下一例です。
こんなのではいかがでしょか?
<!DOCTYPE HTML>
<html lang="ja">
<head><title>Sample</title>
</head>
<body>
<p>
<input type="text" value=""
onkeyup="document.getElementById('hoge').textContent = this.value;"/>
</p>
<div>◇ 以下に入力を反映↓
<div id="hoge"></div>
</div>
</body>
</html>
No.2
- 回答日時:
クモハ410系さん
・・・・・入力した文字が埋め込まれ、指定場所に表示・・・・・・・・・・・
ご参考に↓
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<script>
function input(){
let in1 = document.querySelector("#input1").value;
document.querySelector("#output1").innerText = "入力文字は: " + in1;
}
</script>
</head>
<body>
入力: <input type="text" id="input1" value="" onChange="input()">
<br><br><br>
<div id="output1">ここに表示</div>
</body>
</html>
No.1
- 回答日時:
Webサイトで表示する内容は、固定的なものならHTMLで表示できます。
でも、テキストボックスとかコンボボックスなどに入力した値や選択した値を使って、画面上に関連する値を表示したいとなれば、HTMLではできません。
こういった動的な処理は、JavaScriptを埋め込むことで可能となります。
ただ、そのままJavaScriptで記述すると面倒なので、実際には、jQueryを使って記述することも多いです。
なお、数年前、FireFoxやIEなどのブラウザ上で実行できる開発言語として、WebAssemblyが作られました。
この言語を使えば、複雑なゲームまでも作ることができます。
また、マイクロソフトのASP.NET Core BlazorでC#を使ってWebサイトを作る場合で、質問者さんのようなことを実現するとき、JavaScriptではなく、C#を使ってのコーディングが可能になっています。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 読み込んだQRコードをフォームに受け渡したい 1 2023/05/18 11:18
- Visual Basic(VBA) ユーザーフォームで銀行に対応した支店コードの入力ができません Sheet1のA列に銀行名、B列に銀行 5 2022/07/28 17:50
- Visual Basic(VBA) ExcelVBAでユーザーフォームでテキストボックスなどからセルに連続して入力するコーディングの際の 2 2022/06/29 22:51
- Access(アクセス) capeofdragonと申します。 Access2016を使っております。 あるフォームがあり、テ 2 2022/09/09 13:18
- YouTube YOUTUBEなどの動画をピックアップしてツイッターやブログなどに埋め込む方法を知りたいです 2 2023/07/08 19:47
- JavaScript Javascriptを使ってQRコード読み取り、取得した情報をPOSTしたいと思っています。 1 2023/04/28 15:18
- Visual Basic(VBA) Selenium Basicの件 5 2023/04/10 20:55
- Access(アクセス) アクセス IDが空白の時、メッセージボックスがでるようにするには 1 2022/08/04 11:06
- その他(パソコン・スマホ・電化製品) ワードでテキストボックス内の文字を連動させない方法 2 2023/02/09 16:56
- WordPress(ワードプレス) WordpressでYouTubeの埋め込みができない。 1 2022/10/26 01:08
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
bodyにidをつける理由は何ですか?
-
テキストボックス内にハイパー...
-
bodyにwidth:100%をつける理由は?
-
google mapをiframeで表示させ...
-
<object data="">の挙動について
-
ページによって表示位置がずれ...
-
インラインフレームの下にある...
-
<a href="#" …>の意味を教えて...
-
<div>のタッチ状態を維持したま...
-
別ファイルのfunctionの読み込み方
-
getElementsByNameで要素が取得...
-
プラグイン無しでContactform7...
-
SQLのWHEREで全てを質問する方法
-
ウインドウを縮小しても文字を...
-
プルダウンメニューを別ファイ...
-
Dreamweaver で 外部JSを読み込...
-
「関数が定義されていない」と...
-
window.openで同画面遷移しない
-
確認ダイアログで「キャンセル...
-
bxslider、画像が3枚以上になる...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
bodyにidをつける理由は何ですか?
-
テキストボックス内にハイパー...
-
(Javascript)印刷するファイル...
-
ハイパーリンクに下線を表示す...
-
bodyにwidth:100%をつける理由は?
-
WEB上で編集できない、スク...
-
ワンクリックで二箇所に表示さ...
-
スクロールバーのスクロール量...
-
横スクロールを右から左へ・・・
-
テキストをクリックすると答え...
-
bodyタグの範囲について
-
ページの読み込みが完了してか...
-
「overflow: hidden」ペー ジ内...
-
"mailtoでメールの【氏名】【性...
-
外部ページからハッシュタグ(...
-
DOCTYPE宣言をするとstyleが適...
-
mailtoで質問・・・
-
IE以外は色が付かない なぜ?
-
javaScript Nullまたはオブジェ...
-
divで作成したテキストボックス...
おすすめ情報