input login 密码输入框
1. 须求说明
登陆界面须要如图下图效果,如果采用时。当用户输入的密码成了明文,这是不符合要求的。当把的type属性改为passowrd时。默认的“密码”成了“ ”。有人会想到用js来动态改变input的type属性,这种方法在某些浏览器去可行的如:火狐。但遇到万恶的ie去拿它没法。在ie中,input的type属性为只读。为了解决各浏览器的兼容问题采用如下办法。
2. 解决办法
我们采用html标签来完成。详情请查看http://www.w3school.com.cn/tags/tag_label.asp w3c标准。
如下是解决办法代码:
用户名
密 码
验证码
将标签做为一个层。把它放到我们要显示的位置。设置标签的样式
style=max-width:90%放到输入框中。标签的for属性与输入框的id关联上。当用户点击标签的文字时,对应的标签会得到焦点。不须要修改标签的type属性就能达到效果。
回复讨论(解决方案) label 这个标签的使用,也只有在表单方面了。
楼主这是分享经验啊,强烈支持!
nbsp;html public -//w3c//dtd xhtml 1.0 transitional//en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd>
无标题文档
呵呵 想了个很龌蹉的方法 楼主,你这样做,当点击标签时,输入框获得焦点没问题,但那个输入位置会在便签后?
如果你只是为了得到界面的效果(提示文字在输入框中)你可以把输入框的表框去掉,直接显示li的表框(制造输入框效果)。
上面的表框打错了,应该为“边框”,不知我是否对需求理解有偏差。望撸主回复
楼上的朋友:我说的lable标签层是在input标签层之上,当用户进入输入状态时lable标签中的值为空,显示的汉字已经没有了。所以不会出现你的说效果,只是我画的图有点问题。
不错 支持