2021-10-19坚持就是胜利

表单字段集
<fieldset></fieldset>
字段级标题
<legend></legend>

<form>  表单域
属性值：action="提交的路径"
             method="变淡提交的方式"

表单控件的类型：
input type="text"  文本框
input type="password" 密码框
input type="button" 普通按钮  
input type="submit"默认value值为提交
input type="reset" 默认value值为重置
input type="image" src="显示图片的路径"
value="按钮显示的内容" 值
跳转按钮<input name="'" type="button" value=“按钮内容” />
表单的属性
placeholder 提示性信息
name 提交时可以把表单中的内容传递给服务器
checked 默认选中的
disabled 禁用的表单
get 从服务器上获取数据
post 想服务器传送数据

单选框
input type="radio"  name="属性值相等"  单选1
input type="radio"  name="属性值相等"  单选2

复选框
input type="checkbox" 复选1
input type="checkbox" 复选2
input type="checkbox" 复选3

下拉列表
select   
option   下拉选项
optgroup  下拉分组

文本域
textarea 
属性值 cols="一行中的字节数"
         rows="可以显示出来的列数"
  
一、新增
1，<input type="file" />    上传文件框
2，<input type="image" src="" width="100" height="100" alt="上传图片" />     图像域
3，<input type="hidden" value="值" />上传隐藏的值/字段      隐藏文本框
4、提示信息标签(作用：将提示信息及相应的表单控件进行关联)
<label   for="user">提示信息</label>
<input type="text" id="user"/>
5，

二、HTML5 智能表单----新增输入类型
Type=“color” 生成一个颜色选择的表单
Type=“tel” 唤起拨号盘表单
Type=“search” 产生一个搜索意义的表单
Type=“range” 产生一个滑动条表单
Type=“number” 产生一个数值表单
Type=“email” 限制用户必须输入email类型
Type=“url” 限制用户必须输入url类型
Type=“date” 限制用户必须输入日期
Type=“month” 限制用户必须输入月类型
Type=“week” 限制用户必须输入周类型
Type=“time” 限制用户必须输入时间类型
Type=“datetime-local” 选取本地时间

input类型设置
email：专门用来输入email地址的文本框,如果该文本框中内容不是email地址格式的，则不允许提交。但它不检查email地址是否存在。提交时可以为空，除非加上了required属性。
具有multiple属性，它允许在该文本框中输入一串以逗号分隔的email地址。

url类型
专门用来输入URL地址的文本框。如果该文本框中内容不是URL地址格式的，则不允许提交。mail地址。
例：<input name=‘url1’ type=‘url’ value=‘’http://www.baidu.com”>

Number类型
专门用来输入数字的文本框。在提交时会检查其中的内容是否为数字，具有min、max、step的属性。
例：<input name=“number1” type=“number” value=“25” min=“10” max=“100” step=“5” />

range类型
是用来只允许输入一段范围内数值的文本框，它具有min属性与max属性，及step属性，可以指定每次拖动的步幅。
例： <input name=“range1” type=“range” value=“25” min=“0” max=“100” step=“5” />

min 最小值
max 最大值
step 数字间隔