HTML5新增，表单的高级特性，表单新增控件，功能行标签，音频和视频。

目录

前言

一、表单的高级特性

二、表单新增控件 

 三、功能性标签

 四、音频和视频

总结

---

 

---

前言

本文主要简述了HTML5新增的表单特性，表单新增控件，功能性标签，音频和视频

---

提示：以下是本篇文章正文内容，下面案例仅供参考

一、表单的高级特性

关于HTML5新增的表单特性如下：

            readonly：只读 可以提交
            disabled：作废， 不会被提交
            pattern：正则表达式  \d[0-9]  {}几位
            autofocus：自动聚焦
            placeholder：输入提示
            required：必填
            hidden：隐藏域，需要提交给后端，但又不希望用户看到

	
		
		
	
	
		
		

			id:
			

			用户名：
			

			密码：
			

			电话：
			

			
		
	

二、表单新增控件 

至于控件个人看法觉得不够完善，但是初学者可以试着看看能不能看懂

	
		
		
	
	
		

			姓名：
			

			密码：
			

			email：
			

			url：
			

			年月日：
			

			搜索：
			

			颜色：
			

			年月日时分秒：
			

			年月日时分秒：
			

			时分：
			

			年龄：
			

			电话：
			

			年周：
			

			
		
	

 三、功能性标签

功能性表可以实现一些简单的东西如下图：

 

 css代码

			.bar {
				width: 300px;
				height: 30px;
				border: 1px solid red;
				border-radius: 10px;
			}

			.bar div {
				width: 100px;
				height: 100%;
				background-color: green;
			}
			details{
				font-size: 50px;
			}
			datalist{
			
			}
			progress{
				width: 500px;
				height: 50px;
			}
			meter{
				width: 500px;
				height: 50px;
			}
			input{
				width: 300px;
				height: 50px;
				background-color: aqua;
				border-radius: 25px;
			}

 html代码

	
		
		
	
	
		

			
标签
			232312132131231333133
		
		

		
		

		
		

		
		

			

		
		

		
7月7日情人节
		

		
		

		
	

 四、音频和视频

这里就简单概括一下

总结

本文就到这里，简单的讲述了HTML5的新增特性。若想学得更多有关前端的知识可以联系本人，请多多关注博主！！