【HTML Living Standard】tel属性値の使い方
tel属性値の使い方について、初心者にもわかりやすく解説します。
作成日: 更新日:
基本的な使い方
tel定数は、HTMLの記述において、電話番号に関連する特定の機能やデータの種類を指定するために使用される値を表す定数です。主に二つの異なる文脈で活用されます。
第一に、<input> 要素の type 属性の値として tel を指定することで、ユーザーが電話番号を入力するための専用入力フィールドを作成できます。例えば、<input type="tel" name="phone"> のように記述します。この設定により、多くのブラウザやモバイルデバイスは、電話番号の入力に適した仮想キーボードを表示するなど、入力補助のユーザーインターフェースを提供します。これにより、ユーザーはスムーズに電話番号を入力でき、入力ミスを減らすことにも繋がります。
第二に、<a> （アンカー）要素の href 属性の値として tel: スキームを使用することで、ウェブページ上で直接電話番号へのリンクを作成できます。例えば、<a href="tel:+81-3-xxxx-xxxx">電話をかける</a> のように記述します。このリンクをユーザーがクリックすると、対応デバイス上で発信アプリケーションが起動され、ウェブサイトから直接電話をかけることが可能となり、利便性が向上します。
tel定数の利用は、ウェブサイトのユーザビリティとアクセシビリティ向上に貢献します。
公式リファレンス: <input type="tel">
構文(syntax)
1<a href="tel:09012345678">090-1234-5678</a>
引数(parameters)
引数なし
引数はありません
戻り値(return)
戻り値なし
戻り値はありません