Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

HTML5入力type=“ number”をダッシュ​​を受け入れるようにします

HTML5入力タイプ=” number”がダッシュを受け入れることができるようにするには、正規表現を使用します。

以下に示すように、パターン属性に正規表現を追加します。

[ 0 - 9 ] + ([ - \, ] [0 - 9] + ) ? "
今すぐコードに追加してください：

input type = "text" pattern = "[0-9]+([-\,][0-9]+)?" name = "my-num" title = "dashes or comma"/>

上記により、ダッシュを数に追加することができます。ただし、上記のソリューションを機能させるには、入力タイプのテキストを使用する必要があります。


  1. HTML<input>min属性

    要素のmin属性は、の最小値を設定するために使用されます。 minとmaxの両方を使用して、入力要素の値の範囲をタイプ番号、日付、日時、範囲などで設定します。これはHTML5で導入されました。 要素のmin属性を実装する例を見てみましょう。ここでは、minを1に設定しているため、ユーザーは1未満のIDを入力できません- 例 <!DOCTYPE html> <html> <body> <h2>Log in to your account</h2> <form action="" method="ge

  2. HTMLチェック属性

    HTMLのchecked属性は、ページの読み込み時に要素が事前に選択されるように設定するために使用されます。 これは、入力タイプのラジオとチェックボックスで機能します。 チェックボックスのチェックされた属性、つまり入力タイプのチェックボックスで作業してみましょう。以下は構文です- <input type=”checkbox” checked> 上記では、Webページの読み込み時にチェックボックスをオンにする必要があるため、チェックボックスをオンに設定しました。 要素-のchecked属性を実装する例を見てみましょう。 例 <!DOCTYPE ht