HTML&CSS

[HTML]radio, checkbox, submit, button, reset

조밈밍 2022. 3. 3. 11:59

<input type="radio"> : 라디오 버튼

  name="" :  name값들이 같은것들끼리 그룹핑 => 그 중 하나만 선택 가능

☞ value="" : 전송될 값

☞ checked : 기본적으로 선택되있는 값

 

<input type="checkbox"> : 체크박스

☞ name="" : 같은 이름의 값들 중 다중선택

☞ checked : 기본적으로 선택되있는 값

: 제출

* radio, checkbox의 name값이 같아도 서로 다른것으로 분류되지만 전송된 값을 보면 뭐가 무엇인지 헷갈릴 수 있다

 

<input type="submit"> : form태그의 action값에 form내용들을 전송

value="" : 기본값은 제출이지만 value를 통해 바꿀 수 있다

 

<input type="button" value="버튼이름">  : 버튼의 UI만 만들어짐, js와 함께 쓰임

* UI : 사용자 인터페이스, 정보기기와 유저가 만나는 면, 서로 상호작용 할 수 있도록 연결해주는 매개체 

 

<input type="reset"> : reset이 포함된 form태그 안의 정보 모두 초기화

: button 클릭 시