cssForms Preview

cssForms

How to use?

Add there codes in your site:

<script type=”text/javascript” src=”cssforms.js”></script>

before</head> tag.

How to get it?

Demo: Click here!!!
Download: Click here!!!

Related Posts

27 Responses to “cssForms Preview”

  1. jiangxiaolei Says:

    ^_^,开源咧。。。。。。

  2. Hoofei Says:

    Good! 感谢Utom提供!

  3. Summer Says:

    Utom 好,在m6看到了你的帖子,这个东西做的这是太酷了,非常感谢能共享出来,我正在开发的项目已经用上了,上线之后会给你地址。
    另外有一个改进的小提议,能否适应自定义高度的 input 或 textarea 呢?我想用它来模仿safari的效果。

  4. Utom Says:

    @Summer
    感谢你的回复…

    很多人跟我提过这样的问题, 我觉得实现自定义高度是可以的, 但是样式表可能不太好操控, 而且鼠标事件也很难操控!

    所以我在想自定义宽高是否有必要? :)

  5. Summer Says:

    对于我现在的项目来说,肯定是需要自定义宽高的,登录文本框的宽度和发表文章标题文本框的宽度就不能是一样的。
    如果支持自定义宽高,可能实现起来就没有现在这么“优雅”了,要么事先手动增加一个标签把文本框嵌套进去,要么用js动态写进去…
    如果自由度更高一些的话,应用空间会更广阔的。

  6. Utom Says:

    @Summer
    非常感谢你的关注, 其实CSS定义很方便…. 可以标签框外加个div, 并定义class!

    css定义就如这样
    .class input.type_text{ }

    你可以参见这样的多样式
    http://labs.utombox.com/select2css/

  7. M Says:

    关注很久了
    你为wordpress做的皮肤彻底把我征服了:)
    今天出来冒个泡

    最近学习css似乎有心理障碍了。
    心里边堵的难受。

    不知道有什么“心法”可以传授?

  8. Utom Says:

    @M
    学东西, 兴趣是关键!

  9. 蓝风 Says:

    总有一天会用到的,呵呵,最近太懒了,什么都没动手~

  10. 徐林 Says:

    个人认为学得最好的是最有兴趣的!
    也许就是传说的:兴趣是最好的老师

  11. Joachim Says:

    wow this looks really good to me!

    so long
    joe

  12. ray Says:

    谢谢分享,非常好!

  13. Strollers Chloe Says:

    Love the forms, and the styling / effects on the drop down is the best i’ve seen todate.

    Don’t know how you’ve managed to style that drop down but kudo’s to you my friend.

  14. liam Says:

    很好,很强大
    收藏了,备用。

  15. admin2gd1 Says:

    I have a long drop down list and I have a small problem. Your cssForm does not act like a normal dropdown selection menu. It makes the user scroll the page to see the other options that are in the drop down menu rather than the user scrolling the dropdown menu. Is there any way you can help me fix this or will there be an updated version of your cssForm?

  16. Choi KyuSik Says:

    You must add in cssforms.css!

    input.type_text
    input.type_text_hover
    input.type_text_focus

    background{fixed;}

  17. LoveFish Says:

    非常漂亮呀!

  18. iHao Says:

    在大脚社区看到了应用,一好奇就转了过来。确实漂亮,看来我也不用在jquery的plugin里找那几个form美化了,用你的了

  19. Pedro Rogério Says:

    Good, thanks for the tips!!!

  20. electro Says:

    hi, can you help me, i wont to use your script on my page with this script (http://electro.grimhost.com/tabs/index.html), but when i include tabs.js, you script cssForm it doesn’t work.

    packed version tabs-script is here http://electro.grimhost.com/tabs/tabs.zip (2kb)

  21. Utom Says:

    can’t support ajax…

  22. randsong Says:

    有网络精神.
    谢谢

  23. Natasha Says:

    nice

  24. 流水涵清 Says:

    The seems to be omitted

  25. 流水涵清 Says:

    The “input type=’file’” seems to be omitted

  26. lyhkprc Says:

    请教一下,比如友情链接的onchange,怎么实现?

  27. xietf Says:

    select onchange 怎么不触发呢?

1 Trackbacks/Pingbacks

Leave a Reply