Misch Radio mit checked Taste in html

Question

Ich möchte Radio mischen und geprüft Taste wie iB hier entwerfen https://ux.stackexchange.com/questions/70531/using-mixed-radio-and-checkbox-buttons-is-there-any-efficiency-or-usability-ga

aber ich konnte einfach herausfinden, wie separat zu tun:

<input class="radio-input" type="radio" name="result" value="names" /> 
<label class="radio-label">Get names of people starting with..</label> 
<input type="checkbox" id="A" name="name[]" value="n"> 
<label for="A">A</label> 
<input type="checkbox" id="B" name="name[]" value="n"> 
<label for="B">B</label> 

Wie kann ich tun das wie in Design B?

Answer 1

Sie müssten sie in separate divs setzen und sie dann mit CSS-Styling nebeneinander ausrichten.

.no-bullets { 
 
    list-style:none; 
 
}

 
    <h2>first row</h1> 
 

 

 
    <ul class = "no-bullets"> 
 
    <li> <input type="radio" name="name"></li> 
 
    <li> <input type="radio" name="name"></li> 
 
    
 
    <ul class = "no-bullets"> 
 
    <li><input type="checkbox" name="sex"></li> 
 
    <li><input type="checkbox" name="sex"></li> 
 
    <li><input type="checkbox" name="sex"></li> 
 
    </ul> 
 
    </ul> 
 
</div>