Polymer-gold-phone-input
ポリマー-金電話入力
<gold-phone-input>要素は、特に電話番号用の単純なテキストフィールドで、Material Designでスタイルが設定されています。
構文
この要素にはオプションのラベルがあり、これは以下に示すようにデフォルトで「電話番号」です-
検証
電話番号の検証は、パターン XXX-XXXXXXX に従って行われます。 "X" は数字で、 "-"は区切り文字です。 この電話番号は、デフォルトでは米国の電話番号と見なされます。 異なる番号パターンを使用するには、次のコードに示すように、属性 country-code および phone-number-pattern を使用します。
手動で検証するには、有効な場合はtrue、無効な場合はfalseを返す* validate()メソッドを使用できます。 *auto-validate および required 属性を使用すると、入力が自動的に検証されます。
スタイリング
この要素のスタイルを設定するには、 Polymer.PaperInputContainer でカスタムプロパティのリストをご覧ください。
例
gold-phone-input要素を使用するには、コマンドプロンプトでプロジェクトフォルダーに移動し、次のコマンドを使用します。
上記のコマンドは、bower_componentsフォルダーにgold-phone-input要素をインストールします。 次に、次のコマンドを使用して、index-にgold-phone-inputファイルをインポートします。
次のプログラムは、gold-phone-input要素の使用方法を示しています。
出力
アプリケーションを実行するには、プロジェクトディレクトリに移動し、次のコマンドを実行します。
ここでブラウザを開き、 http://127.0.0.1:8081/ に移動します。 出力は次のようになります。