Home » ★HTML Living Standard リファレンス

★HTML Living Standard リファレンス

<input type=tel> …… 電話番号の入力欄を表す
Internet Explorer
Microsoft Edge
Google Chrome
Safari
Firefox
Opera
広告



<input type=tel>は、電話番号の入力欄を表す際に使用します。

input要素のtype属性の値に tel を指定すると、
そのinput要素は電話番号を編集するためのコントロールを表します。

ユーザーは、電話番号の入力欄にCRやLFなどの改行コードを入力することはできません。

■属性

name属性
フォーム部品に名前をつけます。
value属性
入力される値を指定します。

■使用例

以下のサンプルでは、input要素のtype属性の値に tel や email を指定して、
電話番号やメールアドレスに適した入力欄を作成しています。

HTMLソース

<form>
 <p><label>お名前: <input></label></p>
 <p><label>電話番号: <input type=tel></label></p>
 <p><label>メール: <input type=email></label></p>
 <fieldset>
  <legend>ピザのサイズ</legend>
  <p><label><input type=radio name=size> Small </label></p>
  <p><label><input type=radio name=size> Medium </label></p>
  <p><label><input type=radio name=size> Large </label></p>
 </fieldset>
 <fieldset>
  <legend>ピザのトッピング</legend>
  <p><label><input type=checkbox>ベーコン</label></p>
  <p><label><input type=checkbox>チーズ</label></p>
  <p><label><input type=checkbox>オニオン</label></p>
  <p><label><input type=checkbox>マッシュルーム</label></p>
 </fieldset>
</form>

↓↓↓

ブラウザ上の表示

ピザのサイズ

ピザのトッピング

input要素の終了タグについて

HTMLの仕様では、input要素には終了タグ</input>はありません。

■関連項目

広告



Lorem Ipsum is simply dummy text

    By signing up, you agree to our Terms and Privacy Policy. Unsubscribe anytime.