通常の数値やテキストなどとは対照的に、新しい種類の入力を作成できないかと考えていました。たとえば、インターンシップのために山火事のモデルを作成していて、追加しようとしているものの 1 つに風があります。 . <input type='wind'/>
みたいなことをして、それがどのように見えるか、どのように動作するかを定義できるかどうか疑問に思っていました。他の方法でそれを行うこともできますが、このようなことが可能かどうかも知りたかっただけです.
ありがとう
通常の数値やテキストなどとは対照的に、新しい種類の入力を作成できないかと考えていました。たとえば、インターンシップのために山火事のモデルを作成していて、追加しようとしているものの 1 つに風があります。 . <input type='wind'/>
みたいなことをして、それがどのように見えるか、どのように動作するかを定義できるかどうか疑問に思っていました。他の方法でそれを行うこともできますが、このようなことが可能かどうかも知りたかっただけです.
ありがとう
利用可能なタイプのリストinput
はこちら: http://www.w3.org/community/webed/wiki/HTML/Elements/input
属性はデフォルトのテキストで列挙されます (つまり、type
これらの値のみを使用できます)。
class="wind"
ただし、入力に追加したり、JavaScript を使用してそのようなすべての入力の動作を変更したりすることを妨げるものは何もありません。
<input type='wind'/>
実際には、(jQuery を使用して) HTML で記述し、それをスタイリングおよびスクリプト化することを実際に妨げるものは何もありません$('input[type=wind]').click(handler)
。これは有効な HTML ではありませんが、仕様に準拠していないことを意味します。ブラウザはそれを気にしません。属性値を認識せず、デフォルトを使用するため、要素を通常のテキスト入力ボックスとして扱いますtype='text'
。これは、DOM ノードがプロパティtext
の値として持っていることを意味しますtype
が、そのattributes
配列 (まあ、配列のようなオブジェクト) はまだwind
値として持っていますtype
したがって<input class='wind'>
、 @ExplosionPills で提案されているように、別の属性名を使用するだけで、さらに複雑になります。いずれにせよ、フォールバック (スクリプトが無効になっている場合) は通常のテキスト入力ボックスです。
フォールバックが関係ない場合 (ページは JavaScript なしではまったく機能しません)、span
ordiv
要素を使用しclass
て、好きなように実装するのが最も簡単です。そうすれば、通常のテキスト入力ボックスのデフォルトのレンダリングと動作に対処する必要がなくなります。独自のレンダリングと機能を優先してそれらを一掃するのは少し難しい場合があります。