formのinputタグについて解説!よく使うtype属性を紹介し、実際の表示なども確認していきます! form#2
HTML5以降から複雑になってきているformのinputについて解説しています。
かなり種類が多いので、よく使うものを抜粋して紹介しています。
それから、それぞれの機能やスマホで見たときにどう変わるかまで言及しています。
紹介するinputのtypeは以下のようなものです。
・text
・number(数値)
・tel(電話番号)
・password(パスワード)
・email(メールアドレス)
・search(検索)
・range(範囲)
・file(ファイル)
・hidden(隠しデータ)
・resset(リセット)
・date(日付)
・color(色)
動画中で説明していた、MDNのformについての記事URLです。
https://developer.mozilla.org/ja/docs/Web/HTML/Element/Input
かなり種類が多いので、よく使うものを抜粋して紹介しています。
それから、それぞれの機能やスマホで見たときにどう変わるかまで言及しています。
紹介するinputのtypeは以下のようなものです。
・text
・number(数値)
・tel(電話番号)
・password(パスワード)
・email(メールアドレス)
・search(検索)
・range(範囲)
・file(ファイル)
・hidden(隠しデータ)
・resset(リセット)
・date(日付)
・color(色)
動画中で説明していた、MDNのformについての記事URLです。
https://developer.mozilla.org/ja/docs/Web/HTML/Element/Input