电子邮件字段变为单选按钮

Question

我有此codepen：https://codepen.io/stdobrescu/pen/xxbMbLK单击任何其他单选输入时，最后一个字段（即文本输入）将变为单选按钮。我不知道是什么触发的。这是字段：

 <div class="input-block">
        <label>Your email</label>
        <div class="input-control">
          <input type="email" name="firstname" placeholder="Email">
        </div>
      </div>   

Answer 1

在该代码笔的JS的第6行上是：

var question = document.getElementsByTagName("input");

即使在单击单选按钮后执行了该行，它仍会从整个文档中获取所有类型为'input'的元素-包括您的电子邮件字段。

尝试：

var question = document.getElementsByTagName("input[type='radio']");