読者です 読者をやめる 読者になる 読者になる

ぱんだのびぼーろく

わたしの備忘録、生物学とプログラミングが多いかも

チェックボックス/ html5

input要素のtype="checkbox"で出来ます.

見本

checkbox

仕様書

https://html.spec.whatwg.org/multipage/forms.html#checkbox-state-(type=checkbox)

属性

checkedで最初からcheckされている状態

イベント

チェックされたら関数を呼ぶ場合 (イベント)、onclickでオッケー.

ラベル

label要素でinput要素ごと囲めばよい

<label><input type="checkbox"> ここラベル</label>

checkboxの見た目を変える

いくつか方法がある.

  1. 画像をcheckマークの代わりに使う
  2. CSSを駆使してcheckマークを表現

2の例

cssだけでcheckboxやradioのデザインを変更
webdev.jp.net