[解決済み] HTML5 input type range show range value
2022-04-25 10:14:25
質問
Webサイトを制作中で、レンジスライダーを使いたいのですが(webkitブラウザにしか対応していないのは承知しています)。
私はそれを完全に統合し、問題なく動作しています。しかし、私は
textbox
を使用して、現在のスライドの値を表示します。
つまり、最初はスライダーの値が5であれば、テキストボックスには5と表示され、私がスライドするとテキストボックスの値が変化するはずなのです。
のみを使用して行うことはできますか?
CSS
または
html
. を避けたい。
JQuery
. 可能でしょうか?
どのように解決するのですか?
これはjavascriptを使用しており、jqueryを直接使用しているわけではありません。これは、あなたが始めるのに役立つかもしれません。
function updateTextInput(val) {
document.getElementById('textInput').value=val;
}
<input type="range" name="rangeInput" min="0" max="100" onchange="updateTextInput(this.value);">
<input type="text" id="textInput" value="">
関連
-
[解決済み] Webフォームのフィールド/入力タグでブラウザのオートコンプリートを無効にするにはどうすればよいですか?
-
[解決済み] HTML5のlocalStorageにオブジェクトを格納する方法は?
-
[解決済み] Python 3で「1000000000000000 in range(1000000000000001)」はなぜ速いのですか?
-
[解決済み] <button> vs. <input type="button" />. Which to use?
-
[解決済み] スクロールバーを隠すが、スクロールはできる状態
-
[解決済み] HTML5の数値入力のスピンボックスを非表示にすることはできますか?
-
[解決済み] HTML5でfloat入力タイプはありますか?
-
[解決済み] input type="file "ボタンのスタイリング
-
[解決済み] 10進数のrange()ステップ値を使用するには?
-
[解決済み】HTML5入力のプレースホルダの色をCSSで変更する。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
iframeフレームワークの使用
-
[解決済み] CSS - カーソルを置いたときに塗りつぶしの色を変更する - SVG PATH
-
[解決済み] slackのチームIDやチャンネルIDを調べる最も簡単な方法は何ですか?
-
[解決済み] 箇条書きのない順序なしリストが必要です。
-
[解決済み] How do I style a <select> dropdown with only CSS?
-
[解決済み] HTMLの "role "属性は何のためにあるのですか?
-
[解決済み] HTMLでBase64画像を表示する方法
-
[解決済み] 静的な HTML ページにファビコンを追加する
-
[解決済み] テーブル内のテキストアラインクラス
-
[解決済み] マークダウンにおける相互参照 (名前付きアンカー)