UX·UI - FrontEnd Dev. Story

라디오박스 2

[HTML] 라디오버튼(radio button) 체크박스(check box) 버튼 차이점

1. 라디오 버튼 (Radio Button) 라디오 버튼 특징은 여러 라디오 버튼 중 하나만 선택 가능하다. 인라인 태그에 있는 'checked'는 라디오 박스에 기본값으로 체크 된 상태에서 로딩하라는 표시이다. 라디오 버튼는 여러개 중 하나만 선택되어야 하는데 name 값이 같지 않거나 없다면 제 기능을 발휘하지 못한다. 만약 라디오 버튼 속성에 name 없으면 모두 체크하거나 해제할 수 있는데 그것은 라디오 버튼라고 할 수 없다. 남성 여성 그럼 여기서 체크 값을 가져오는 스크립트를 알아보자. 매우 그렇다. 그렇다. 보통이다. 일단 체크 값들에게 값(value)을 부여한다.그리고 라디오버튼의 name 고통적인것을 이용해서 스크립트를 짠다. $("input[name='radio_answer']").ea..

[HTML] input 유형/속성에 따른 type 설명/ textarea / select

사용자의 정보를 입력할 때 사용하는 input 태그는 자주 쓰이는 type 유형들이 있어 잘 숙지하고 넘어가야한다. 1. select 요소 사용자가 폼에서 옵션의 목록에서 선택 할 수 있도록 보여주는 폼 요소이다. 라디오 타입의 input과 비슷한 역할을 가지고 있지만 라디오 타입의 input은 다 펼쳐서 보여지는 반면에 select 요소는 옵션들을 모두 숨기고 선택된 한 가지만 보여준다. 또한 한 가지 선택이 아닌 복수로 선택할 수도 있다. select 요소는 내부에 한개 이상의 option 요소를 가지고 있다. 사용자는 option을 선택하고 선택된 option 요소의 값은 서버로 전송하게 된다. 점수 선택 A B C D 1-1. select 요소의 속성 ▶ multiple 속성 기본적으로 selec..

반응형