formのinputタグについて解説!よく使うtype属性を紹介し、実際の表示なども確認していきます! form#2

  • マンツーマン
    個別講義開催中!

    エラーの解消から、
    実装方法まで丁寧に教えます!
    講師が答えられるなら、
    基本的にどんな内容でも
    OK!

    詳細はこちら!
  • 質問し放題プラン!
  • スクール形式講義も

    プロを目指したい方
    講義を何回も受けたい方はこちら!
    個別のカリキュラムを作成し、
    長期的にサポート!

    詳細はこちら!
  • discordコミュニティ
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

関連する動画リスト

もっとみる