inputタグで作れる要素のデフォルト表示一覧

説明 基本的な例
type=”text” 1行のテキスト入力欄
type=”number” 1行の数字のみのテキスト入力欄
type=”email” 1行のメールアドレス入力欄
type=”url” 1行のURL入力欄
type=”tel” 1行の電話番号入力欄
type=”password” 1行のパスワード入力欄
type=”date” 日付の入力欄
type=”time” 時間の入力欄
type=”radio” ラジオボタン
type=”checkbox” チェックボックス
type=”button” 汎用的なボタン
type=”submit” 送信ボタン
type=”file” ファイルのアップロード
type=”range” スライダー
type=”color” 色の入力欄

カスタマイズなし

ラジオボタン

チェックボックス

セレクトボックス

シンプルなカスタマイズ

ラジオボタン

チェックボックス

セレクトボックス

シンプルなお問い合わせ

お名前
お問合せ内容
希望納期
個人情報の
取り扱いへの同意

ニューモーフィズム(Neumorphism)風お問い合わせ