前端学习【01】HTML5新增标签与属性

HTML5新增标签与属性

• datalist
• HTML新增input type 类型
• 常用

datalist

<input placeholder="请输入明星" list="star">
<datalist id="star">
<option>刘德华</option>
<option>刘落英</option>
<option>刘一</option>
<option>郭富城</option>
<option>郭郭</option>
</datalist>

HTML新增input type 类型

<form>
邮箱 <input type="email"> <br>
手机 <input type="tel"><br>
url <input type="url"><br>
数字 <input type="number"><br>
搜索 <input type="search"><br>
区域 <input type="range"><br>
时间 <input type="date"><br>
颜色 <input type="color"><br>
<input type="submit" value="提交">
</form>

常用

<fieldset>
<legend>常用</legend>
<form>
邮箱 <input type="text" autofocus placeholder="请输入">
自动记录完成 <input name="auto" type="text"
required  autocomplete="on" placeholder="请输入">
<input type="submit" value="提交">
</form>
</fieldset>