title: Radio buttons selecting multiple options
body: <p>Okay so I'm working on a project for my computer class and we're using radio buttons within a form.  Part of the requirements are to ensure that when the submit button is clicked it is not left blank and that only one radio button is clicked. </p>
  
  <p>Whenever I have worked with radio buttons it only allows you to click one, so I was confused by the requirement.  I even went to W3 Schools <a href="http://www.w3schools.com/html/html_form_input_types.asp" rel="nofollow" title="HTML Forms Input Types">HTML Forms Input Types</a> and confirmed that only one radio box can be selected at a time.</p>
  
  <p>After contacting my TA though he sent me the following code which allows multiple radio buttons to be selected.  Any clarification about why the following code allows multiple radio buttons to be selected and if my knowledge on radio buttons is correct would be wonderful. Thanks in advance.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html&gt;
      &lt;head&gt;
      
      &lt;META http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;&lt;/head&gt;
      
      &lt;body&gt;
      &lt;div&gt;
  
      &lt;form target="_blank" onsubmit="try {return window.confirm(&amp;quot;You are submitting information to an external page.\nAre you sure?&amp;quot;);} catch (e) {return false;}"&gt;
      &lt;input type="radio"&gt; one&lt;br&gt;
      &lt;input type="radio"&gt; two&lt;br&gt;
      &lt;input type="radio"&gt; three&lt;br&gt;
  
      &lt;/form&gt;
      &lt;/div&gt;
      &lt;/body&gt;
      &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><a href="https://jsfiddle.net/8fn0hfoh/" rel="nofollow">JSFiddle</a></p>