takamints https://blog.hatena.ne.jp/takamints/ 銀の弾丸 https://takamints.hatenablog.jp/ JavaScript Web jQuery フォームのテキスト入力項目の見た目を、jQuery UI の spinner(スピンボタン付き数値入力ウィジェット)と同じようにする、jQueryの簡単なプラグインです。spinnerのスタイル(CSS)を利用するので、jQuery UI も必要です。 spinnerは結構高さがあって、ボタンウィジェット的な見た目ですが、同じフォームに普通のテキスト入力項目があると、統一感がでません。 上下ガタガタになるから横に並べにくい。ま、高さだけなら個別にスタイルを設定すれば良いのですが、入力フォーカスを得たときの印象も違っていて、なんだかちょっと貧相なんですよね。 ほらこんな感じ↓ 数値入力 テキスト… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftakamints.hatenablog.jp%2Fentry%2F2015%2F02%2F07%2F150316" title="jQuery UIで普通のテキスト入力を少し立派に見せるjQueryプラグイン - 銀の弾丸" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2015-02-07 15:03:16 rich https://takamints.hatenablog.jp/entry/2015/02/07/150316 1.0 100%