web界面 之 登录 (初稿)

本文主要是介绍web界面 之 登录 (初稿)，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

web登录一般注意以下几点：

1）拥有元素：用户名，密码（密码字符显示与隐藏功能），登录按钮，忘记密码链接（忘记用户名链接），注册链接

2）用户体验：

•页面显示，光标默认停在第一个输入框 利用html5的 autofocus属性实现

•密码默认以....显示，利用input标签的 type="password"实现

•点击登录按钮后，利用ajax技术先验证用户名是否存在，密码是否正确，不正确要有合理的提示；正确才能进行页面跳转

•禁掉css后 表单仍然显示比较好的格式

<fieldset id="login"><legend>后台登录系统</legend><form><p><label>用户名<input name="name" class="name" type="text" id="name" value="" autofocus="autofocus"  /></label></p><p><label>密&#12288;码<input name="password" class="password" type="password" id="password" value="" /></label></p><p id="warning" class="warning"></p><p><input type="button" id="submitBtn" class="button" value="登录"/></p></form></fieldset>

这篇关于web界面 之 登录 (初稿)的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！