<body>
<input type="radio" value="A" id="filter-a" name="filter">
<label for="filter-a">A</label>
<input type="radio" value="B" id="filter-b" name="filter">
<label for="filter-b">B</label>
<input type="radio" value="C" id="filter-c" name="filter">
<label for="filter-c">C</label>
<input type="radio" value="D" id="filter-d" name="filter">
<label for="filter-d">D</label>
</body>type => radio / checkboox / ...
value => 전송되는 값
id => label for과 맞춰주어야 글자를 눌러도 선택이 가능하다.
name => 다른 input들과 맞춰줘야 하나만 선택 가능
전송되는 내용을 작성할 경우 form태그에 작성해준다.
<body>
<form action="">
<input~
<label~
<button type="submit">입력</button>
</form>
</body>'HTML&CSS' 카테고리의 다른 글
| HTML: head에 작성해야 할 meta태그와 open graph (0) | 2020.07.27 |
|---|---|
| CSS: after, before (가상선택자) (0) | 2020.07.14 |
| CSS: 자주쓰이는 font 속성 (0) | 2020.07.03 |
| CSS: background 속성 활용 (0) | 2020.07.02 |
| CSS: display (block, inline, inline-block, none) (0) | 2020.06.30 |
댓글