【HTML】笔记（3）--- form表单；实现用户注册表单；下拉列表支持多选；file控件；readonly与disabled；maxlength

注意：文中代码的效果仅展示了在浏览器上的外观，并未展示效果，别问，问就是博主懒（硬气地说道）

1、form表单初步：

代码：

	
		
		
	
	
		
		
		

			
			
			
			
			
			
		
		
		


		
		
		

			
		
		
		


		
		
		
		

			

				

					
用户名
					
					

				
				
				

					
密码
					

				
				
				

					

						
						      
						
					
				
			
		
	

谷歌浏览器：

2、用户注册的表单：

代码：

	
		
		
	
	
		
		
		

			用户名
			
			
			

			
			密码
			
			
			

			
			确认密码
			
			
			
			

			
			性别
			
			
			男
			
			
			女 
			

			
			兴趣爱好
			
			抽烟
			喝酒
			烫头
			

			
			学历
			
			
				高中
				大专
				本科 
				硕士
			
			

			
			简介 
			
			
			
			

			
			
			
			
			
		
		
		
		
		提交
		
		
	

谷歌浏览器：

3、下拉列表支持多选：

代码：

	
		
		
	
	
		
		
		
			河北省
			河南省
			山东省
			山西省
		
	

谷歌浏览器：

4.file控件：

代码：

	
		
		
	
	
		
		
		
		

			
			
			
			
			用户代码
			
			
			
		
		
	

谷歌浏览器：

5、readonly 与 disabled：

代码：

	
		
		
	
	
		
		

			用户代码
			

			用户姓名
			

			
		
	

谷歌浏览器：

6、maxlength：

代码：

谷歌浏览器：