Типи полів

by oleksandr_s

HTML

<p>button: <input type="button" value="ClickMe"></p>
<p>checkbox: <input type="checkbox"></p>
<p>color: <input type="color"></p>
<p>date: <input type="date"></p>
<p>datetime-local: <input type="datetime-local"></p>
<p>email: <input type="email"></p>
<p>file: <input type="file"></p>
<p>hidden: <input type="hidden"></p>
<p>image: <input type="image" id="pic" src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/61/HTML5_logo_and_wordmark.svg/128px-HTML5_logo_and_wordmark.svg.png"></p>
<p>month: <input type="month"></p>
<p>number: <input type="number" min="1" max="10" step="1"></p>
<p>password: <input type="password"></p>
<p>radio: <input type="radio"></p>
<p>range: <input type="range"></p>
<p>reset: <input type="reset"></p>
<p>search: <input type="search"></p>
<p>submit: <input type="submit"></p>
<p>text: <input type="text"></p>
<p>time: <input type="time"></p>
<p>url: <input type="url"></p>
<p>week: <input type="week"></p>

CSS

p {
    font-weight: bold;
}
#pic {
    width: 50px;
}