HTML의 확인란 및 라디오 이벤트 선택 사용법에 대한 자세한 설명

라디오가 클릭 이벤트를 등록한 후 키보드에서 위, 아래, 왼쪽, 오른쪽을 선택하면 마우스 이벤트가 실행되고 스크롤 휠도 실행되는 마법이 발생합니다. mousedown에서 발생합니다. (웹킷은 상하좌우 선택 불가)

체크박스가 클릭 이벤트를 등록한 후, 공백이 있는 체크박스를 선택했을 때 다시 기적이 일어났고, 마우스다운이 누락되었습니다. 또 기적. (웹킷은 여전히 ​​공백을 사용하여 선택할 수 없습니다.)

이 두 사람의 부담을 줄이기 위해 모두 클릭을 사용합시다. 이 두 사람에게는 클릭이 전능하기 때문에 여러 이벤트를 여기에 묶지 마십시오. 예배~~

양식으로 설문지를 디자인할 때 사용자 작업을 줄이기 위해 HTML의 태그에는 두 가지 유형의 선택 상자, 즉 라디오를 사용하는 것이 좋습니다. 버튼과 확인란의 차이점은 사용자가 라디오 버튼 상자에서 하나의 옵션만 선택할 수 있는 반면, 확인란에서는 여러 옵션을 선택하거나 모두 선택할 수도 있다는 것입니다. 아래 예를 살펴보세요.

이 예의 소스 코드는 코드와 결합되어 각 매개변수의 설정에 대해 설명합니다.

<input type="radio" name="radiobutton" value="radiobutton" checked> 喜欢 
<input type="radio" name="radiobutton" value="radiobutton"> 不喜欢 
<input type="radio" name="radiobutton" value="radiobutton"> 无所谓<br>

<input type="checkbox" name="checkbox1" value="checkbox"> 跑步 
<input type="checkbox" name="checkbox2" value="checkbox"> 打球 
<input type="checkbox" name="checkbox3" value="checkbox"> 登山 
<input type="checkbox" name="checkbox4" value="checkbox"> 健美<br>