Показывать html радио кнопки с помощью Perl?

Question

Я хочу показать 2 радиокнопки, используемые для выбора пола ученика. Когда я пытаюсь установить переменный с помощью модуля CGI Perl для создания HTML кода для этих кнопок радио, только текст выбора радио показывает, а не кнопки:

$cInput_form .= $q->div({-class => 'control-group'}, 
        $q->label({-class => 'control-label', -for => 'gender'}, "Gender:"), 
        $q->div({class => 'controls'}, 
        $q->span({class => 'span12'}, 
        $q->label({-class => 'blue'}, 
        $q->radio_group({-id => 'gender',name => 'gender', -values => ['M','F'], -labels => \%labels, -default => $cGender, 'true'}), $q->span({-class => 'lbl'}))))); 

Когда я использую «Insepect элемент» инструмент в мой веб-браузер HTML, я вижу:

<div class="control-group"> 
    <label class="control-label" for="gender">Gender:</label> 
    <div class="controls"> 
    <span class="span12"> 
     <label class="blue"> 
     <label> 
      <input type="radio" name="gender" value="M" checked="checked" id="gender" true=""> 
      Male 
     </label> 
     <label> 
      <input type="radio" name="gender" value="F" id="gender" true=""> 
      Female 
     </label> 
     <span class="lbl"></span> 
     </label> 
    </span> 
    </div> 
</div> 

Я думаю, что проблема в том, что <span class = 'lbl'> не в нужном месте, но я не знаю, где еще это должно быть. Пожалуйста, помогите мне.

Answer 1

Я думаю, проблема в том, что вы группируете radio_group в ненужные группы ярлыков. This На странице показан код, похожий на вашу ситуацию, для создания группы переключателей выбора пола.

Попробуйте изменить свой код в (переформатирован, чтобы сделать его немного более удобным для чтения):

$cInput_form .= $q->div({-class => 'control-group'}, 
       $q->label({-class => 'control-label', 
          -for => 'gender'}, Gender:"), 
       $q->radio_group({-id => 'gender', 
           name => 'gender', 
           -values => ['M','F'], 
           -labels => \%labels, 
           -default => $cGender, 
           'true'}), 
         ); 

Это непроверенный, но я думаю, что получает через точку, просто быть осторожным при группировке 1 раздел внутри другого. Надеюсь, поможет!