HTMLでチェックボックスやラジオボタンをつくろう!

プログラミング
スポンサーリンク

チェックボックス

inputタグとtype属性checkboxを使うと、チェックボックスを作ることができます。

checked属性を使うと、あらかじめチェックされた状態になります。

fieledsetタグを使うと、入力部品をグループ化することができます。

legendタグを使うことで、グループ名をつけることができます。

VSCode
ブラウザ

ラジオボタン

inputタグとtype属性radioを使うと、ラジオボタンを作ることができます。

name属性で値を統一する必要があるので注意してください。

VSCode
ブラウザ

いろいろな部品

inputタグとtype属性colorを使うと、色を選択する部品がつくれます。

inputタグとtype属性dateを使うと、日付を選択する部品がつくれます。

inputタグとtype属性numberを使うと、数字のみ入力可能な部品がつくれます。

inputタグとtype属性rangeを使うと、スライダー部品がつくれます。

VSCode
ブラウザ

まとめ

inputタグとさまざまなtype属性を組み合わせることで簡単に部品がつくれます♪

ユーザーが使いやすいWebページを心がけましょう♪

一緒に一歩踏み出しましょう♪

コメント

タイトルとURLをコピーしました