Skip to content

Instantly share code, notes, and snippets.

@rauchg

rauchg/index.html

Created November 27, 2019 12:07
Show Gist options
  • Star 11 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save rauchg/4a964035ecd52a6a33de289295c26e98 to your computer and use it in GitHub Desktop.
Save rauchg/4a964035ecd52a6a33de289295c26e98 to your computer and use it in GitHub Desktop.
Download ZIP
Next level Phone UX
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<title>Next level UX</title>
<meta charset="UTF-8" />
</head>
<body>
<p>
<label>
Please enter your phone number:<br />
<input
id="I"
type="range"
min="1000000000"
value="4151234567"
max="9999999999"
oninput="str = this.value; L.innerText = `(${str.substr(0,3)})-${str.substr(3,3)}-${str.substr(6)}`"
/>
<span id="L" />
<script>
I.oninput();
</script>
</label>
</p>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment