cssForms Preview
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!!!
27 Responses to “cssForms Preview”
1 Trackbacks/Pingbacks
- links for 2009-08-08 « toonz (Pingback, August 9, 2009)
[...] cssForms Preview at UtomBox (tags: css javascript form) [...]
January 16th, 2008 at 1:52 pm
^_^，开源咧。。。。。。
January 16th, 2008 at 7:19 pm
Good! 感谢Utom提供!
January 17th, 2008 at 2:43 am
Utom 好，在m6看到了你的帖子，这个东西做的这是太酷了，非常感谢能共享出来，我正在开发的项目已经用上了，上线之后会给你地址。
另外有一个改进的小提议，能否适应自定义高度的 input 或 textarea 呢？我想用它来模仿safari的效果。
January 17th, 2008 at 8:57 am
@Summer
感谢你的回复…
很多人跟我提过这样的问题, 我觉得实现自定义高度是可以的, 但是样式表可能不太好操控, 而且鼠标事件也很难操控!
所以我在想自定义宽高是否有必要?
January 17th, 2008 at 11:58 am
对于我现在的项目来说，肯定是需要自定义宽高的，登录文本框的宽度和发表文章标题文本框的宽度就不能是一样的。
如果支持自定义宽高，可能实现起来就没有现在这么“优雅”了，要么事先手动增加一个标签把文本框嵌套进去，要么用js动态写进去…
如果自由度更高一些的话，应用空间会更广阔的。
January 17th, 2008 at 12:07 pm
@Summer
非常感谢你的关注, 其实CSS定义很方便…. 可以标签框外加个div, 并定义class!
css定义就如这样
.class input.type_text{ }
你可以参见这样的多样式
http://labs.utombox.com/select2css/
January 24th, 2008 at 11:16 pm
关注很久了
你为wordpress做的皮肤彻底把我征服了:)
今天出来冒个泡
最近学习css似乎有心理障碍了。
心里边堵的难受。
不知道有什么“心法”可以传授？
January 25th, 2008 at 12:26 am
@M
学东西, 兴趣是关键!
January 25th, 2008 at 11:50 pm
总有一天会用到的，呵呵，最近太懒了，什么都没动手~
January 27th, 2008 at 3:20 pm
个人认为学得最好的是最有兴趣的！
也许就是传说的：兴趣是最好的老师
February 1st, 2008 at 11:57 pm
wow this looks really good to me!
so long
joe
February 3rd, 2008 at 9:31 am
谢谢分享，非常好！
February 4th, 2008 at 6:09 am
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.
February 6th, 2008 at 1:15 pm
很好，很强大
收藏了，备用。
February 8th, 2008 at 1:33 am
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?
February 29th, 2008 at 11:48 am
You must add in cssforms.css!
input.type_text
input.type_text_hover
input.type_text_focus
background{fixed;}
February 29th, 2008 at 9:05 pm
非常漂亮呀!
March 6th, 2008 at 9:58 am
在大脚社区看到了应用，一好奇就转了过来。确实漂亮，看来我也不用在jquery的plugin里找那几个form美化了，用你的了
March 17th, 2008 at 10:01 pm
Good, thanks for the tips!!!
March 31st, 2008 at 9:04 pm
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)
April 1st, 2008 at 11:54 am
can’t support ajax…
April 17th, 2008 at 10:10 am
有网络精神.
谢谢
May 16th, 2008 at 10:06 pm
nice
March 27th, 2009 at 3:37 pm
The seems to be omitted
March 27th, 2009 at 3:38 pm
The “input type=’file’” seems to be omitted
May 26th, 2009 at 1:08 pm
请教一下，比如友情链接的onchange，怎么实现？
January 7th, 2010 at 3:58 pm
select onchange 怎么不触发呢?