Fliplet Question 1

by ibroom

HTML

<form>
  <label for="number">Number field with two decimal places</label>
  <input id="number" name="Number field" type="text" pattern="\d+(\.\d{2})?" />
  <label for="range">Range field from 3 to 15</label>
  <input id="range" name="Range field" type="range" min="3" max="15" />
  <label for="telephone">Telephone number field with validation</label>
  <input id="telephone" name="Telephone field" type="tel" pattern="^\s*\(?(020[7,8]{1}\)?[ ]?[1-9]{1}[0-9{2}[ ]?[0-9]{4})|(0[1-8]{1}[0-9]{3}\)?[ ]?[1-9]{1}[0-9]{2}[ ]?[0-9]{3})\s*$"/>
  <input type=submit>
</form>

<!-- UK Phone number regex from http://form.guide/html5/html-input-type-tel.html -->

CSS

input {
  display: block;
  margin-bottom: 10px;
}