전체 행

Question

나는이 양식을 가지고 질문에 대답 해. 그러나 나는 대답의 모든 행을 클릭 가능하게하고 싶습니다. 이 코드를 변경하여 전체 행을 클릭 할 수있게하려면 어떻게해야합니까?

Answer 1

대부분의 브라우저는 라디오/체크 박스 위젯을 클릭하거나

1. 에 라디오 버튼 선택을 토글이

   <tr> 
       <td> 
        <input type="radio" name="guess" id="guess_{{ answer.id }}" value="{{ answer.id }}" class="form-radio"> 
        <label for="guess_{{ answer.id}}">{{ answer.content }}</label> 
       </td> 
       </tr> 
   

   샘플 HTML처럼 뭔가에 HTML을 변경해야

2. 레이블 요소 it을 클릭하십시오. 본인.

쉽게 100 % 폭 될 레이블의 CSS를 수정하여 전체 '행'클릭을하고, '인라인 블록'보조 노트로

label { 
    /* whatever other styling you have applied */ 
    width: 100%; 
    display: inline-block; 
} 

로 표시 할 수

: 일반적으로 서식을 지정하기 위해 양식 데이터를 표 안에 드롭하는 것은 나쁜 습관으로 간주됩니다. 더 의미 상으로 정확하기 때문에, 정렬되지 않은 목록에 넣는 것이 좋습니다.

Answer 2

당신은 here