title: input radio button vertical and horizontal
body: <p>I want a form where someone choose a unique value of radio buttons vertical and horizontal (you'll see below what i mean). I know tha i can do it with <code>name</code>. In my code below you see same name in vertical. </p>
  
  <p>Here's my code</p>
  
  <pre><code>&lt;tr&gt;
      &lt;td style="text-align:left;"&gt;tracking_url&lt;/td&gt;
      &lt;td&gt;&lt;input type="radio" name="tracking_url" value="image_url"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="radio" name="pr_image" value="tracking_url"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="radio" name="availability" value="tracking_url"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="radio" name="pr_price" value="tracking_url"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="radio" name="pr_final_price" value="tracking_url"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td style="text-align:left;"&gt;image_url&lt;/td&gt;
      &lt;td&gt;&lt;input type="radio" name="tracking_url" value="image_url"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="radio" name="pr_image" value="image_url"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="radio" name="availability" value="image_url"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="radio" name="pr_price" value="image_url"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="radio" name="pr_final_price" value="image_url"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td style="text-align:left;"&gt;availability&lt;/td&gt;
      &lt;td&gt;&lt;input type="radio" name="tracking_url" value="availability"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="radio" name="pr_image" value="availability"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="radio" name="availability" value="availability"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="radio" name="pr_price" value="availability"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="radio" name="pr_final_price" value="availability"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td style="text-align:left;"&gt;price&lt;/td&gt;
      &lt;td&gt;&lt;input type="radio" name="tracking_url" value="price"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="radio" name="pr_image" value="price"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="radio" name="availability" value="price"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="radio" name="pr_price" value="price"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="radio" name="pr_final_price" value="price"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td style="text-align:left;"&gt;full_price&lt;/td&gt;
      &lt;td&gt;&lt;input type="radio" name="tracking_url" value="full_price"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="radio" name="pr_image" value="full_price"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="radio" name="availability" value="full_price"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="radio" name="pr_price" value="full_price"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="radio" name="pr_final_price" value="full_price"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>This is how i want to use radio buttons</p>
  
  <p><a href="https://i.stack.imgur.com/bp68W.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bp68W.png" alt="enter image description here"></a></p>
  
  <p>but also someone can use radio buttons like</p>
  
  <p><a href="https://i.stack.imgur.com/TxImm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/TxImm.png" alt="enter image description here"></a></p>
  
  <p>Is there any way to do it with html or javascript??  </p>