input要素の新しいtype属性値(文字関連)

input要素の文字関連の新しいtype属性は以下のものがあります。

  • search:検索ボックス
  • tel:電話番号
  • url:webページのURL
  • email:電子メールアドレス

search属性の説明

type属性の値にsearchを指定すると、フォームは検索ボックスになります。

<input type="search" name="q" />

表示例

tel属性の説明

type属性の値にtelを指定すると、フォームは電話番号の入力欄になります。

<input type="tel" name="tel" />

表示例

url属性の説明

type属性の値にurlを指定すると、フォームはurlの入力欄になります。

<input type="url" name="url" />

表示例

email属性の説明

type属性の値にemalを指定すると、フォームはemailの入力欄になります。
multiple属性を指定すると、複数のメールアドレスをカンマ区切りで入力できます。

<input type="email" name="email" multipul="multipul" />

表示例

 

⇒ライトプラン 詳細はこちら ライトプラン 詳細はこちら

人気記事ランキング

投稿者:

kishiken

企業務めのWEBデザイナーです。