form(HTML)解説!基本的な書き方から、応用までの動画リスト
この再生リストでは、HTMLのform要素を使ったフォームの作成方法を、基本的な書き方から応用まで学ぶことができます。フォームは、ウェブサイトでユーザーの入力を受け付ける重要な要素であり、問い合わせフォームやログインフォームなど、さまざまな場面で活用されます。
まずは、form要素の基本構造と、input要素やtextarea要素、select要素など、フォーム内で使用される様々な要素の書き方を学びます。また、入力の種類や属性(placeholder、requiredなど)を設定する方法についても解説します。
次に、再生リストでは、ラベルやフォームグループの作成、フォームのデザインやレイアウトについても学ぶことができます。これにより、見た目にも魅力的なフォームを実装できるようになります。
再生リストを活用して、HTMLのform要素を使いこなし、基本から応用まで幅広いフォーム制作スキルを身につけましょう。
-
12:59
formについて解説!基本的な考え方や、action, method, nameやコーディング例まで form#1
HTMLのformタグについて解説しています。どの属性やタグがどのような働きをしているのか?そして、マークアップする際の基本的考え方などについても紹介しています。動画内で説明していたdl, dt, …
-
25:52
formのinputタグについて解説!よく使うtype属性を紹介し、実際の表示なども確認していきます! form#2
HTML5以降から複雑になってきているformのinputについて解説しています。かなり種類が多いので、よく使うものを抜粋して紹介しています。それから、それぞれの機能やスマホで見たときにどう変わるか…
-
19:56
HTML form解説!inputタグのcheckbox(チェックボックス), radio(ラジオボタン)基礎 form#3
HTMLのform(フォーム)でよく使う、チェックボックスとラジオボタンについて解説しています。この2つは設定しないといけないものが多く、若干複雑なので動画で繰り返し学び、慣れていきましょう!
-
09:56
HTMLのform!selectタグ・optionタグの使い方解説! form#4
htmlのformでよく使う、selectタグoptionタグの実装の方法を紹介しています。それから、選択肢を表示する際にもっと見やすくする(optionをグループ化し、見出しをつける)ためのopt…
-
11:56
HTMLのform、textarea(テキストエリア)タグを解説!テキストを複数行入力してもらう為の場所を実装しましょう! form#5
お問い合わせフォームなどでよく使う、textareaタグの使い方を覚えましょう!意外とみなさんが知らないtextareaの機能やそれをCSSで制御する方法なども解説しています。複数行テキストを入力し…
-
12:36
formで必須項目・入力例などを実装できる、required, placeholder, valueについて解説! form#6
formを作る際、必須項目や入力例などを予め表示しておくと、ユーザーがスムーズに入力をできるようになります。required, placeholder, valueはそれらを簡単に実装できるものです…
-
37:05
HTMLのform(フォーム)におけるcheckbox(チェックボックス)、radioボタンのカスタマイズ方法解説! form#7
checkboxやradioはブラウザごとにデザインが異なる上、変更することが基本的にはできません。しかし、labelタグと上手く組み合わせることによって、様々なカスタマイズが可能です。この動画では…
-
14:09
formのselectタグのカスタマイズについて解説!ブラウザが違っても、CSSでカスタマイズしたスタイルを適用する!
form周りのタグは、ブラウザが変わるとデザインも変わってしまいますが、今回はselectタグについて解説しています。また、selectボックス内の矢印の変更方法も紹介しています。動画内で説明してい…
-
11:53
簡単に値をスライドで変更できる inputタグの range(レンジ)を紹介!
今回の動画では、Webページ内でスライダー(スライドバー)として機能するHTMLのinputタグのtype属性の一つ、「range(レンジ)」について説明しています。このtypeを使うと、数値の入力…