Skip to content

Instantly share code, notes, and snippets.

@lewdev

lewdev/learn-input-types.html

Last active August 10, 2022 22:14
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save lewdev/9774813a8ce4b1d3b1070482f34b367e to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save lewdev/9774813a8ce4b1d3b1070482f34b367e to your computer and use it in GitHub Desktop.
Download ZIP
ℹ Learn about all the <input type> elements. Also contains links to MDN. (493b)
Raw
learn-input-types.html
data:text/html,<style>input:invalid{background: red}</style><body onload="f.innerHTML='button,checkbox,color,date,time,datetime-local,email,file,hidden,image,month,number,password,radio,range,reset,search,submit,tel,text,url,week'.split`,`.map(t=>`${t} <input type=${t}><a href='https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/${t}'>?</a><p id=${t}>`).join`</p>`;for(let i of f.querySelectorAll`input`)i.oninput=_=>document.getElementById(i.type).innerHTML=i.value"><form id=f>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment