样式 标签 备注
<input>
默认input
<input type="text" placeholder="placeholder">
text
<input autofocus>
autofocus
<textarea cols="30" rows="5" ></textarea>
textarea设置行为5,列为30
<select> 
  <optgroup label="group1">
    <option>option1</option>
    <option>option2</option>
  </optgroup>
  <optgroup label="group2">
    <option>option1</option>
    <option>option2</option>
  </optgroup>
</select>
添加选择组的select
Legend
<fieldset>
  <legend>Legend</legend>
  <label for="field">Label</label>
  <input name="field">
</fieldset>
表单组合
<button>Button</button>
默认按钮
<input type="radio">
单选
<input type="radio" checked>
单选,勾选
<input type="checkbox">
多选
<input type="checkbox" checked>
多选,勾选
<input type="password" placeholder="password">
密码框
<input type="file">
文件上传
<input type="submit">
提交按钮
<input type="search" placeholder="search">
搜索框,html5元素
<input type="email">
email输入,html5元素
<input type="tel">
电话输入,html5元素
<input type="url">
url输,html5元素入
<input type="color">
颜色输入,html5元素
<input type="number">
数字输入,html5元素
<input type="number" min="1" max="10" step="2">
数字输入,html5元素,限定范围1~10,每次加2
<input type="range">
范围输入,html5元素
<input type="range"  min="1" max="20" step="2">
范围输入,html5元素,限定范围1~20,每次加2
<input type="date">
日期输入,html5元素
<input type="datetime">
时间输入,html5元素
<input type="datetime-local">
按照本地时间格式输入,html5元素
<input type="month">
月期输入,html5元素
<input type="week">
星期输入,html5元素
<input type="time">
时间输入,html5元素