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

HTML5入力type=numberは、先行ゼロを削除します

国際電話番号を追加する場合、先行ゼロの問題が発生する可能性があります。

これを解決するには-

<input type="tel" pattern="[0-9]*">

iOSでは、数字キーボードは数字のみで表示されます。

Androidスマートフォンでは、「tel」は正しく解釈されますが、パターンは解釈されません。

-

も使用できます 
<input type="text" pattern="[0-9]*" ...

上記は、iPhoneおよびAndroidデバイスでテンキーを呼び出して表示します。


  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