Rumah > hujung hadapan web > html tutorial > 密码 大写 提示框_html/css_WEB-ITnose

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

WBOY
Lepaskan: 2016-06-21 09:39:14
asal
1557 orang telah melayarinya


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

回复讨论(解决方案)

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

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

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

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

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

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

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan