2.6 表单进阶

新增属性

autofocus属性：
给文本框，选择框，或按钮控件加上该属性，当打开页面是，该控件自动获得国标焦点，一个页面只能有一个。
required属性：
验证输入不能为空
Multiple：
可以输入一个或多个值，每个值之间用逗号分开
例： 还可用于file
pattern：
将属性值设为某个格式的正则表达式，在提交时会检查内容是否符合给定格式。
例：

单选框

<input type="radio" name="aaa" checked id="just">一般

<label for="just">一般<label>

复选框(多选)

<input type="checkbox" name="bbb" checked id="one">一

<label for="one">一<label>

上传文件

<input type="file" name="" id="">

图片按钮(带提交功能)

<input type="image" scr="../xxx.jpg">

隐藏按钮

<input type="hidden" value="带给后端的个人信息，普通用户无法看到">

禁用，只读

<input type="radio" disabled >不满意

<input type="text" readonly value="只可以读，不可以更改哦">

下拉菜单

<select size="1">
	
	<option>1option>
	<option>2option>
	<option>3option>
select>

多行文本输入框-文本域

<style>
	textarea{
	resize:none;/*resize 重新设置大小，vertical横向,horizontal纵向,both随意,none*/
	}
<style>
<textarea cols="行数" rows="列数" placeholder="提示内容">默认文本内容textarea>

字段集

<fieldset>
	<legend>爱好legend>
	<input type="radio" name="a">男
	<input type="radio" name="a">女
fieldset>

音频标签

<audio scr="./XXX.MP4" controls >audio>

视频标签

<video src="./XXX.MP4" poster="./xxx.jpg">video>

颜色，日历，时间

<form action="">
<div>颜色选择：<input type="color" name="color">div>
<div>邮箱：<input type="email" name="myemail">div>
<div>url地址：<input type="url" name="url">div>
<div>电话号码：<input type="tel" name="mytel">div>
<div>滑动条：<input type="range" name="range" min="最小值" max="最大值" step="每次滑动的值">div>
<div>数字类型：<input type="number" min="最小值"min="最大值"step="步值" value="默认值">div>
<div>搜索：<input type="search">div>

<div>日期选择：<input type="data">div>
<div>本地时间：<input type="datetime-local">div>
<input type="submit">
form>

搜索框选项列表

<input type="text" list="mylist">
<datalis id="mylist">
	<option value="手机">option>
	<option value="手表">option>
	<option value="手环">option>
	<option value="手镯">option>
datalis>