网页表单在浏览器的表现实例

automotive8

automotive8

2016-02-19 23:15

关注图老师设计创意栏目可以让大家能更好的了解电脑,知道有关于电脑的更多有趣教程,今天给大家分享网页表单在浏览器的表现实例教程,希望对大家能有一点小小的帮助。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

在工作之余抽了点时间写了一下这个,在ie6-ie7-ff下显示位置基本都一致了。

(发现demo页面用栅格线做背景,调试还真的容易得多 。热力推荐!这个栅格是从photoshop里拷贝来的。)

这样子定义了input等标签,做提交表单的时候就不用担心ie6-ie7-ff下radio、checkbox、text等高低不平,参差不齐的状况了。

但是有一点疑惑.这样根据input的type来定义class名称,会不会不太合适?

还有个问题无法解决,windows选用不同的外观都可能都会导致表单不一样。 俺是在Zune Style和xp默认皮肤下写的,其余皮肤没测试过。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

缺点:ie6下text输入框的闪烁光标的高度比外部的高. 看上去像截掉了一段。一时没想到怎么解决. 同样还有select的问题,用js实现同样的操作成本太高,用css又拿它没办法。无奈不去动它了

欢迎大家拍砖,共同提高!

展开更多 50%)
分享

猜你喜欢

网页表单在浏览器的表现实例

Web开发
网页表单在浏览器的表现实例

UC浏览器设置表单密码

手机软件 应用软件
UC浏览器设置表单密码

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

UC浏览器怎么设置表单保存

浏览器
UC浏览器怎么设置表单保存

UC浏览器如何设置表单密码

手机软件 应用软件
UC浏览器如何设置表单密码

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

UC浏览器怎么设置表单密码?

手机软件 应用软件
UC浏览器怎么设置表单密码?

UC浏览器怎么设置表单密码?

手机软件 应用软件
UC浏览器怎么设置表单密码?

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

如何使用excel2007产生随机数

如何使用excel2007产生随机数

从腾讯网站首页改版学到的几点体会心得

从腾讯网站首页改版学到的几点体会心得
下拉加载更多内容 ↓