title: Integrating CSS star rating into an HTML form
body: <p>I've seen a tutorial online - <a href="http://www.htmldrive.net/items/show/402/CSS-Star-Rating-System" rel="noreferrer">http://www.htmldrive.net/items/show/402/CSS-Star-Rating-System</a> - for making a CSS star rating system. </p>
  
  <p>On the page they have this code:</p>
  
  <pre><code>&lt;ul class="rating"&gt;
     &lt;li&gt;&lt;a href="#" title="1 Star"&gt;1&lt;/a&gt;&lt;/li&gt; 
     &lt;li&gt;&lt;a href="#" title="2 Stars"&gt;2&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a href="#" title="3 Stars"&gt;3&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a href="#" title="4 Stars"&gt;4&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a href="#" title="5 Stars"&gt;5&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>From what I can tell, this is just a list. How would I integrate it into my form, so that the information from the star rating can be submitted to a database. My current code for the form is below:</p>
  
  <pre><code> &lt;p&gt;Quality&lt;/p&gt;
   &lt;input type="radio" name="ratingquality" value="1"&gt; 
   &lt;input type="radio" name="ratingquality" value="2"&gt; 
   &lt;input type="radio" name="ratingquality" value="3"&gt; 
   &lt;input type="radio" name="ratingquality" value="4"&gt; 
   &lt;input type="radio" name="ratingquality" value="5"&gt; 
  </code></pre>