EmileeA / temperature-converter

0 stars 0 forks source link

HTML - Temp Form #4

Open EmileeA opened 5 years ago

EmileeA commented 5 years ago

Story As a user, I want to see a form where I can input my temperature and select the scale. I want buttons to convert the temperature and to clear the form.

AC When The page loads Then a form loads with a number input field for the user's temperature And radio dials for celsius and Fahrenheit And a button to convert the temperature And a button to clear the form and input

DN Use bootstrap form linked in comments as a base, removing password input & third radio dial. The first input type should be number. It will have a label of "Temperature" and placeholder "Enter a Number"The radio dials aligned vertically will have "Celsius" first and "Fahrenheit" second. No label for this section. The first button will have the text "Clear" and class btn btn-outline-info. Add second button on the right with text "Convert" and class btn btn-info. Both button types will be "button" buttons should be centered and spaced evenly

EmileeA commented 5 years ago

https://getbootstrap.com/docs/4.1/components/forms/#horizontal-form