> 웹 프론트엔드 > HTML 튜토리얼 > 密码 大写 提示框_html/css_WEB-ITnose

密码 大写 提示框_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-21 09:39:14
원래의
1557명이 탐색했습니다.


实在很丢人啊~苦逼程序员一枚。只懂点j2ee开发。对样式,颇为不同。
现在登录页面,需要提示大写。
形如上图, 
需要一个带箭头的框提示,在下方。(提示框在下边,箭头向上。)
(搞了几个小时,未果。。求css 与 js 高手 帮忙~~~)

回复讨论(解决方案)

咋没人。。。
就是一个 js+css 的仔仔~~~

不过 这么晚 逛csdn的会是什么人呢???好吧,我还是别太抱希望~~

直接把你看到的页面的代码拿下来就是最符合你要求的了

直接把你看到的页面的代码拿下来就是最符合你要求的了 这个是 weibo.com 的。没有看到登陆的窗口代码。
不要多好看,就一个有箭头的提示框,提示大写输入中呢,就行了。 

onfocus事件中,做一个判断得到capsLock键的按键码,若存在则在该文本框前面append一个div,然后给这个div如图样式就好了,当然这个div position设为absolute ,index设置高点就ok了,样式很简单就不说了,大不了你把整张图做div背景

其实5楼说的不错,你要是有箭头的,应该就要图片了,CSS没有可生成图片的样式,你用个onBlur事件或点击按钮时判断密码框里面是否是大写就可以了。

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿