I'm trying to create a calculator which can determine someones snowboard length primarily by their body weight. I had a <select> tag initially but to improve user experience I'm attempting to have an <input> tag where they can just enter their body weight within the parameters of 13 to 113. I cant seem to find any way to get this input field where I can also provide each number given with a value via an <option> tag. Here is the code I'm using so far...
<td style="padding-right: 80px; margin-bottom: 15px;"><strong>Body Weight</strong></td>
<input id="weight" name="weight" type="number" style="margin-bottom: 15px; width: 40px; padding: 5px; text-align: right; padding-right: 5px;"><span class="help-inline" style="color: #999; margin-bottom: 15px; margin-left: -3px;">kgs</span>
Any alternatives which would also achieve the same outcome would also be fine. To recap and solidify my objectives with this area of the calculator:
Input text box which provides a different value depending on the number entered.
A minimum of 13 and maximum 113 which can be entered.
Any help or quick suggestions on this would be greatly appreciated as I can't seem to jump this hurdle alone.