HTML表单优化

        运用自己少的可怜的html+css+js知识，写了这么几个美化，提供源代码和美化后的结果给大家

        基础：HTML+CSS+JS

文本框优化：

	
	
	


	

		

			

				

					姓名：
					     
					
				
			
			
		
	

运行结果如下图：

当鼠标点击文本框，就会有这样的效果：

可以看到，文本框变长了，后面星号编程了感叹号，背景的“SunBest”是默认值。

这里说一些，后面的星号和感叹号，都是贴了图片上去，大家可以替换成其他图片。

下拉菜单优化：

先看看效果：

点击后面的三角：

再选择一个城市就可以啦。

由于我自己比较懒，没有添加点击空白处缩回去的功能，大家可以在源代码的基础上自己试一下。

源代码如下：

	
	
	
	


	

		

			送货至：
			北京
			

				
A安徽
				
B北京
				
C重庆
				
F福建
				
G广东广西甘肃
				
H河南河北湖南湖北黑龙江
				
J吉林
				
L辽宁
				
N内蒙古
				
Q青海
				
S上海山东
				
T天津
				
X新疆西藏
				
Y云南
				
Z浙江
			
		
	

这里的三角形也是贴的图片哦，可以换成其他图片的。