İlgili radyo düğmesini seçmek için metne tıklama

Question 1

PHP kullanarak bir sınav web uygulaması oluşturuyorum. Her soru ayrı bir soru içerir ve kullanıcının cevabını seçmesine izin veren <label>4 olası seçeneği vardır radio buttons. Tek bir soru için mevcut HTML şu şekildedir:

<label for="349">What is my middle name?</label>
<br>
<input id="349" type="radio" value="1" name="349">Abe
<br>
<input id="349" type="radio" value="2" name="349">Andrew
<br>
<input id="349" type="radio" value="3" name="349">Andre
<br>
<input id="349" type="radio" value="4" name="349">Anderson
<br>

Kullanıcının radyo düğmesiyle ilişkili metne tıklama seçeneğine sahip olmasını istiyorum . Şu anda, kullanıcı radyo düğmesinin kendisine yalnızca tıklayabiliyor - bunu oldukça külfetli buluyorum.

Seçim metnine tıklayarak belirli bir radyo düğmesi seçimini seçemiyorum okudum ve öneri , etiketlerin forve idözniteliklerinin eşleşmesini işaret ediyor. Bunu yaptım ve hala çalışmıyor.

Sorum şu: Yalnızca radyo düğmesinin kendisini seçebilmenin aksine , bir <input type="radio">nesnenin metnini tıklayabilmek istiyorum . Bunu daha önce okuduğumu biliyorum ama sorunuma herhangi bir çözüm bulamıyorum. Herhangi bir yardım veya öneri çok takdir edilmektedir!

Question 2

Kodunuzda, formun kendisinde bir etiket var. Aşağıda gösterildiği gibi her bir radyo grubuna ayrı ayrı etiket koymak istiyorsunuz.

<form>
  <p>What is my middle name?</p>
  <br>
  <input id="349" type="radio" value="1" name="question1">
  <label for="349">Abe</label>
  <br>
  <input id="350" type="radio" value="2" name="question1">
  <label for="350">Andrew</label>
  <br>
  <input id="351" type="radio" value="3" name="question1">
  <label for="351">Andre</label>
  <br>
  <input id="352" type="radio" value="4" name="question1">
  <label for="352">Anderson</label>
  <br>
</form>

Snippet'i genişlet

İki öğenin asla aynı kimliğe sahip olmaması gerektiğini unutmamalısınız. nameNitelik radyo düğmeleri bir grup olarak işlev görebilir ve bir defada sadece tek bir seçime izin böylece kullanılır.

Question 3

Nathan'ın cevabına göre yapılırsa radyo düğmesi ile etiket arasında tıklanamaz küçük bir boşluk var gibi görünüyor . İşte onları sorunsuz bir şekilde nasıl birleştireceğiniz ( bu makaleye bakın ):

<form>
    <p>What is my middle name?</p>
    <br>
    <label><input id="349" type="radio" value="1" name="question1">Abe</label>
    <br>
    <label><input id="350" type="radio" value="2" name="question1">Andrew</label>
    <br>
    <label><input id="351" type="radio" value="3" name="question1">Andre</label>
    <br>
    <label><input id="352" type="radio" value="4" name="question1">Anderson</label>
    <br>
</form>

Question 4

Etiket etiketi her cevabın etrafında olmalı, örneğin Abe, Andrew, vb ... ve her biri için benzersiz olmalıdır.

Question 5

Giriş etiketini etiket etiketinin içine yerleştirmek, etiketin radyo düğmesinin hemen yanında görünmesini sağlar. Önerilen önceki yaklaşımlarla, etiket etiketini html dosyası içinde herhangi bir yere koyabilirsiniz ve tıklandığında ilgili radyo düğmesini seçecektir. Şuna bir bak:

<html>
<body>

<form>
  <p>What is my middle name?</p>
  <br>
  <input id="349" type="radio" value="1" name="question1">

  <br>
  <input id="350" type="radio" value="2" name="question1">
  <label for="350">Andrew</label>
  <br>
  <input id="351" type="radio" value="3" name="question1">

  <br>
  <input id="352" type="radio" value="4" name="question1">
  <label for="352">Anderson</label>
  <br>
</form><br/>
<p>This is a paragraph</p>
  <label for="349">Abe</label><br/>
  <label for="351">Andre</label>
  
</body>
</html>

Snippet'i genişlet

Bunun yerine bu şekilde yapmak bu kusuru ortadan kaldırır:

<form>
  <p>What is my middle name?</p>
  <br>
  
  <label>
    <input id="349" type="radio" value="1" name="question1"/>Abe
  </label>
  <br>
  
  <label>
    <input id="350" type="radio" value="2" name="question1"/>Andrew
  </label>
  <br>
  
  <label>
    <input id="351" type="radio" value="3" name="question1"/>Andre
  </label>
  <br>
  
  <label>
    <input id="352" type="radio" value="4" name="question1"/>Anderson
  </label>
  <br>
</form>

Snippet'i genişlet

Question 6

Bunu böyle yapabilirsin

 <label for="1">hi</label>
 <input type="radio" id="1" />

Dolayısıyla, metne veya etikete tıklarsanız, radyo düğmesini seçer. Ama bunu yaparsan ...

<label for="1">//</label>

ve bunu, bundan hemen önce yazdığım koda eklerseniz, 2. etikete tıklarsanız, o da radyoyu seçecektir.

Question 7

Bunu yıllardır yapıyorum, ancak bunların ikisi de değişkenleri kullanarak benim için işe yaramıyor.

    echo "<input type='radio' name='student' id='$studentID' value='$studentID'>
        <label for='$studentID'>$fname</label> $lname<br />\n";
    echo "<input type='radio' name='student' id='$studentID' value='$studentID'>
        <label for='$studentID'>$fname $lname</label><br />\n";

ve işte kaynak:

        <input type='radio' name='student' id='986875' value='986875'>
        <label for='986875'>John</label> Brown<br />