Radio button with input text box-CodePudding

I have the following code for radio button with input text box but I couldn't click on the radio button for some reason, how do I fix it?

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />

<div >
  <label  style="width: 120px;" for="no_mutasi">
    <input type="radio" name="no_mutasi" id="no_mutasi" value="">No Mutasi
  </label>
  <div  style="left: 0px; margin-left: -200px;">
    <div  style="margin-top: 0px; padding-top: 0px; top: 0px; left: 0px; left: 0px; margin-left: 200px;">
      <input type="text" size="5" name="no_mutasi" id="no_mutasi" value=""  readonly="" />
      <span ><a href="#" onclick="myMutasi()"><i ></i></a></span>
    </div>
  </div>
</div>

CodePudding user response：

onclick atribute must be set must be in the input tag not in the span tag

CodePudding user response：

try putting the onlick attribute on the input