<input type="tel">

　<input type="tel"> は電話番号に限定した入力ができる input のタイプです。FORMエレメントに使用します。

　type="text"と同じような機能で、pattern属性によって電話番号かをチェックすることができます。

コード例

<label>電話番号 : <input name="val_tel" type="tel" value=""></input></label>

実行結果

電話番号 :

　<label>エレメントによって項目名や説明を付けることができます。

　CSS、スタイルシートを利用して入力値を検証するには:valid、:invalidクラスを使います。
　検証の真偽によって自動でスタイルを反映します。

- ad -

属性

　グローバル属性も持ちます。以下に主な属性のみを示します。

　ここでは送信するという前提で<FORM>部品を作成しますのでnameパラメーターは付けるようにしています。送信したくないデータにはnameパラメーターを付けない方法があります。

Attribute	Value	Extra information
type		扱うデータタイプまたはinputタグの形状
name		＊必須。データ送信に必要。
value		初期値または設定値
id		エレメントをユニークとします。cssにも使えます。
class		cssに使います。同名のclassは同じスタイルが適応されます。
placeholder		設定値例(入力例として表示される)
size		入力ボックスの幅
pattern		最大入力数

入力項目名

ブラウザでの見え方（このページのスタイルが反映されています）