input标签里面type常用属性（注册登录表单常用元素）

之前写一些小项目的时候，在表单这一块因为知道的type属性就text、password、button、submit等一些值，而且form表单也应用的不是很灵活，所以通过简单的学习，认识到以前写的form表单有多搞笑（连type=data都不知道）。

现在，就对form表单里常用的元素进行整理。

type值	代表的含义
text	文本
password	密码
button	按钮
file	文件
checkbox	复选框
hidden	定义隐藏的输入字段
image	定义图像形式的提交按钮
radio	单选框
reset	重置
tel	手机号码
email	邮箱地址
number	数字
date	日期

上述表单就是一些常用的表单元素，如有不足，欢迎雅正！

再更新一些：

新增的input type属性值：

类型	使用示例	含义
email	<input type="email>	输入邮箱格式
tel	<input type=“tel”>	输入手机号码格式
url	<input type=“url”>	输入url格式
number	<input type=“number”>	输入数字格式
search	<input type=“search”>	搜索框（体现语义化）
range	<input type=“range”>	自由拖动滑块
time	<input type=“time”>	小时分钟
date	<input type=“date”>	年月日
datetime	<input type=“datetime”>	时间
month	<input type=“month”>	月年
week	<input type=“week”>	星期 年

常用新属性

属性	用法	含义
placeholder	<input type=“text” placeholder=“请输入用户名”>	占位符 当用户输入的时候 里面的文字消失 删除所有文字，自动返回
autofocus	<input type=“text” autofocus>	规定当页面加载时 input 元素应该自动获得焦点
multiple	<input type=“file” multiple>	多文件上传
autocomplete	<input type=“text” autocomplete=“off”>	规定表单是否应该启用自动完成功能 有2个值，一个是on 一个是off on 代表记录已经输入的值 1.autocomplete 首先需要提交按钮 2.这个表单您必须给他名字
required	<input type=“text” required>	必填项 内容不能为空
accesskey	<input type=“text” accesskey=“s”>	规定激活（使元素获得焦点）元素的快捷键 采用 alt + s的形式

下面在给出一个简单的html例子作为参考

	
		
		
	
	
		
		

			
		  

		  	
		    
学生档案
		    姓名:
		     

		    手机号码:
		    

		    邮箱地址:
		    

		    所属学院:
		    

		    

		    入学成绩:
		    

		   	
			    

			    	
学生档案思密达
			    	姓名:  


			    	手机号:  


			    	邮箱:  


			    	所属学院:  
			    	
			
			    	


			
			    	出生日期:    


			    	成绩:   


			    	毕业时间:   


			    	  
			    
		    
		    入学日期:
		    

		    毕业日期:
		    

		    
		  
		
	

展示界面