带有小图标的清爽CSS表单设计.docVIP

看下面的效果： ,,,,,首页我们进行整体的规划：,,,,,建立一个容器main将表单元素及其它相关元素一起扔进去。,,,,,设置标签h1，放置User?Login。,,,,,设置标签h2，放置“请输入您的用户名和密码”。,,,,,设置“Username”与“Password”表单提示文字的容器。,,,,,设置表单输入框。,,,,,设置密码找回的文字链接。,,,,,最终我们设置提交表单的按钮图片。,,,,,我们形成如下的xhtml代码： Example,Source,Code,[] div?id=main????h1?id=titleUser?Login/h1????h2?id=login请输入您的用户名和密码/h2????p?class=formtUsername/p????pinput?name=Username?type=text?class=username/p????p?class=formtPassword/p????pinput?name=Password?type=password?class=password/p????p?id=forgeta?href=/?target=_blankForGet?Password???/a/p????p?id=buttoninput?type=image?src=loginin.gif?c