2

HTMLでスピナーを作成することは可能ですか? HTMLだけ?もしかしてタグ?

私のHTML:

<label for="time">Tempo:</label>
<input type="text" name="time" id="time" value="" style="width: 150px;" />

そうでない場合は、jquery を使用できますか? 「datepicker」のようなものか、このようなもの

$("#time").spinner({ options });

本当にシンプルなもの:D

これを見つけたのですが、使い方がわかりません。

http://docs.jquery.com/UI/Spinner/spinner

編集:

これを使用する場合:

<label for="time">Tempo:</label>
<input type="number" name="time" id="time" value="0" style="width: 150px;" />

(差は入力の種類です)

Chrome は自動的にスピナー (+1/-1) を作成しますが、Firefox では同じことは起こりません (IE ではテストされていません)。

なぜ人々はまだ他のブラウザを使用しているのですか?! :D

4

4 に答える 4

5

http://github.com/fgnass/spin.js

  • 画像なし
  • 外部 CSS なし
  • 依存関係なし
  • 高度に構成可能
  • 解像度に依存しない
  • 古い IE のフォールバックとして VML を使用
  • @keyframe アニメーションを使用し、setTimeout() にフォールバックします
  • IE6 を含むすべての主要なブラウザで動作します
  • 小さなフットプリント (~1.9K gzip 圧縮)
于 2012-05-03T13:17:18.597 に答える
1

ベータ版のライブラリの使用に満足している必要がありますが、今後のjQueryUI1.9のスピナーを使用できます。これがデモです。

Chrome(8)とOpera(11)はどちらもネイティブのHTML5スピナーを使用していますが、それは醜いIMOです。

于 2012-07-02T23:29:49.257 に答える
1

https://github.com/btburnett3/jquery.ui.spinner

それぞれのタグを使用して css と javascript をロードします

<script type="text/javascript" src="js/jSpinner/ui.spinner.js"></script>
.
.
.
<link rel="stylesheet" type="text/css" href="css/jSpinner/ui.spinner.css" />


.
$("#time").spinner({
    min : 0,
    max : 100,
    showOn : 'both'
});

PS: ui.spinner.js をロードする前に、jquery と jquery.ui プラグインをロードしてください。

于 2012-05-03T12:34:07.557 に答える