html - またはプレースホルダーを指定する方法

Question

HTML5標準に従ってタイプをtelに設定したフィールドに電話番号を入力するフォームがあります。8 桁または 10 桁の値を受け入れる入力が必要です。

私は試した

<input type='tel' placeholder='0123456789 or 12345678'></input>

私も追加しようとしまし pattern="[0-9]{8} or [0-9]{10} たが、うまくいきませんでした。他の方法はありますか

Answer 1

電話番号に推奨するパターンではありませんが、これはあなたが尋ねるようにする必要があります:

パターン='[0-9]{8,10}'

<input type='tel' pattern='[0-9]{8}([0-9]{2})?' title='Phone Number (8 or 10 numbers)' />

Answer 2

まず第一に、現在入力タイプとして「tel」を使用しないことをお勧めします。これは、すべての主要なブラウザー プロバイダーでまだサポートされていないためです。Google Chrome などに適しているかもしれませんが、IE などの他のブラウザーはまだこの入力タイプをサポートできません。私は個人的に、電話番号の入力用にタイプをテキストとして保持することに固執しています。

第二に、人の入力量を制限する方法は maxlength 属性を使用することです。

<input type="text" maxlength="10"/>

最後に、入力タグは自己終了です。以下の形式で使用されます。

<input />

いいえ：

<input></input>

これが役に立ったことを願っています。詳細については、こちらをご覧ください: http://www.w3schools.com/tags/att_input_maxlength.asp

Answer 3

みんな自分で見つけた

パターン属性自体で行うことでした

<input type='tel' placeholder='0123456789' pattern='[0-9]{8}|[0-9]{10}'>

ここで'|' or の表現ですが、ありがとうございます。

pattern='[0-9]{8}|[0-9]{10}'

私の問題を解決しました

Answer 4

入力タグをこれに変更します。

<input type="text" min="8" max="10" />