HTML의 라디오 버튼을 선택할 수 없습니까?

Question

다음 양식 코드가 있지만 IE 에서 판매용 라디오를 선택할 수 없으며 Google 크롬에서 동시에 두 라디오를 선택할 수 있습니다.

<form method="post" action="dothemath.php" style="width: 403px" class="style1"> 
<input type="radio" id="rdobuy" style="width: 20px; height: 21px;" checked="checked"/> 
<label>Buy</label> 
<input type="radio" id="rdosell" style="width: 20px; height: 21px;"/> 
<label >Sell</label> 
</form> 

누락 된 것이 있습니까?

Answer 1

라디오 버튼에 name 속성이 없습니다. 그들은 두 가지 이유로 그들을 필요로합니다. 하나의 라디오 그룹에 같은 이름의 그룹을 라디오 버튼 세트를 갖는

이름은 폼 데이터 당신은 또한 value 필요

서버에 제출하여야 생성하는 데 사용됩니다

무슨 말을을 제출 한 데이터가 될 것입니다.

제쳐두고 귀하의 <label>은 컨트롤과 관련이 없으므로 쓸모가 없습니다. 연결하려는 컨트롤의 id과 동일한 값을 가진 for 특성이 필요합니다.

<form method="post" action="dothemath.php"> 

    <input type="radio" id="rdobuy" name="foo" value="buy" checked="checked"/> 
    <label for="rdobuy">Buy</label> 

    <input type="radio" name="foo" value="sell" id="rdosell" /> 
    <label for="rdosell">Sell</label> 

</form> 

Answer 2

이름 속성을 추가해야하며 두 라디오 모두 이름이 동일해야합니다.

Answer 3

코드에 나열된 모든 HTML 요소에 이름 속성을 추가해야합니다. 브라우저가 서버에 보내는 내용을 식별하는 데 도움이됩니다. 라디오는 선택 사항입니다. PHP 배열을 사용하는 경우를 제외하고 한 번에 두 개를 선택할 수 없습니다. 대신에 체크 버튼을 사용하십시오.