input type="url"タグ

HTML5

input type="url"は、URL入力欄を作成するタグです。

解説

input type="url"を使うと、URL形式かチェックを行う入力欄を作成できます。

しかし、HTML5に対応していないブラウザでは使用できないため注意が必要です。

カテゴリー (自カテゴリ)	フロー・コンテンツフレージング・コンテンツインタラクティブ・コンテンツ
コンテキスト (親カテゴリ)	フレージング・コンテンツを許可する場所
コンテンツ・モデル (子カテゴリ)	なし

input（type="url"）タグには以下の属性が指定できます。

【属性】
属性	説明
name	名前を指定する（submit時にこの名前で送信される）（例）name="url01"
value	値を指定する（例）value="https://www.google.co.jp"
size	入力欄のサイズを文字数で指定する（例）size="20"
maxlength	入力可能最大文字数を指定する（例）maxlength="20" ※全角半角の区別をしない純粋な文字数です。
placeholder	プレースホルダーを指定する（例）placeholder="20文字以内で入力してください。"
readonly	読取専用にする（例）readonly="readonly" 　※readonlyのみでもOKです。
required	必須入力であることを指定する（例）required="required" 　※requiredのみでもOKです。

その他のグローバル属性値については、グローバル属性をご覧ください。

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

URL形式でない入力を行うと、送信時にチェックがかかります。

<input type="url" name="url02" required="required">

未入力だと、送信時にチェックがかかります。

<input type="url" name="url03" placeholder="URLを入力してください。">

URL形式でない入力を行うと、送信時にチェックがかかります。