title: How to make a tab switch by radio buttons
body: <p>I have a user register page in my web and i need to switch form details by radio when user select it</p>
  <p>Like this</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;form&gt;
    &lt;label&gt;1: &lt;input type=radio  name="userType" value="1"/&gt;&lt;/label&gt;
    &lt;br&gt;
    &lt;label&gt;2: &lt;input type=radio  name="userType" value="2"/&gt;&lt;/label&gt;
    &lt;br&gt;
    &lt;label&gt;3: &lt;input type=radio  name="userType" value="3"/&gt;&lt;/label&gt;
    &lt;br&gt;
    &lt;div class="tab-1"&gt;&lt;input placeholder="UserType 1 Input"&gt;&lt;/div&gt;
    &lt;div class="tab-2"&gt;&lt;input placeholder="UserType 2 Input"&gt;&lt;/div&gt;
    &lt;div class="tab-3"&gt;&lt;input placeholder="UserType 3 Input"&gt;&lt;/div&gt;
  
  &lt;/form&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>Can i do with only using <code>html</code>,<code>js</code> and <code>css</code></p>