Widely available すべての主要ブラウザで対応済み。安心して使用可能。

概要

<input> 要素はフォーム内でユーザーデータを受け取るためのインタラクティブなコントロールを作成します。

対応ブラウザ

デスクトップ

Chrome 1+
Edge 12+
Safari 1+
Firefox 1+

モバイル

Chrome Android 18+
Safari iOS 1+
Firefox Android 4+

基本構文

HTML
<input type="text" placeholder="テキスト入力">
<input type="password" placeholder="パスワード">
<input type="email" placeholder="メールアドレス">
<input type="number" min="0" max="100" step="1">
<input type="search" placeholder="検索...">

実務での使いどころ

  • <input> の活用

    さまざまな種類のユーザー入力フィールドを作成する要素。type 属性で入力の種類を指定。

注意点

  • 古いブラウザでは対応していない場合がある。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。