JSXでhtml属性を使用する

JSXでmaxLength属性を使用しようとしていますが、見つかったサンプルは機能していません。JSXでhtml属性を使用する

<div> 
    <input type="Number" maxLength={5}/> 
</div>

これは私が現在持っているものである、と私は試してみた：

maxLength="5" 

maxLength={"5"}

ありがとうございました。

出典

2016-04-28 ys27

をユーザーを防ぐことはできません、 '最大=「99999」'設定してみてください。 [MDN on ' ']（https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input）。 –

リアクションやJSXでの問題はまったくありません。問題は、入力タイプ "番号"がmaxlengthプロパティをサポートしていないことです。プロパティ "max"をサポートしています。たとえば：

maxLength="5" 
maxLength={"5"} 
maxLength={5}

それは同じこと

出典

2016-04-28 16:06:30 Davinel

私は9charsの後でタイピングを制限したいので、テキストを使用することを選択しました。ありがとうございました。 – ys27

次のようになります。

<input type="Number" max="99"/>

は99

までの数字はまたJSXはmaxLengthのプロパティをサポートし、あなたはそれが好きで書くことができますことができます

"Number"タイプを使用する必要がありますか？ maxLengthは "text"で動作しますが、許容できる範囲の最大限を定義するには、maxとnumberを使いたいと思うでしょう。しかし、それはあなたが整数を使用していると仮定すると、ここでの答えとしてあなたは、指定された、より多くの数字を入力することから

How can I limit possible inputs in a HTML5 "number" element?

出典

2016-04-28 16:08:40

ありがとう、これも便利でした。 – ys27

答えて

関連する問題