如何使用CSS设置表单样式

时间:2012-04-25 12:47:43

标签: javascript html css css3

我正在尝试为即将到来的页面设计表单。我试图坚持只使用CSS,HTML,JQUERY / JAVASCRIPT。我想知道如何做这样的事情。 ![在此输入图像说明] [1]

您可以在此处找到该网站: http://www.learnstreet.com/

先谢谢你们!

P.S抱歉,我无法发布图像,声誉不够高。

2 个答案:

答案 0 :(得分:0)

只需将css添加到表单中就像普通对象一样。如果你想要它有借口和圆角,那么你可以使用背景图像。

这是输入。

<input style="border:0;" size="42" type="text" name="subemail" value="Enter your pretext here."/>

这是一张提交按钮的图片。

<input type="image" src="image source here" height="53" width="100" border="0" />

然后你可以使用css border radius,

将所有这些放在带有圆边的div中
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;

或者只是简单地给div一个背景图片。您可以在http://www.penny-patrol.com上看到这一切,这是我使用此输入类型制作的网站。

答案 1 :(得分:0)

这里有一个关于如何从javascript设置元素样式的小提琴(示例也生成它们)它看起来并不完全是你想要的,但应该说明如何从javascript设置表单元素。

http://jsfiddle.net/W7Vua/

已编辑:因为已经接受的答案已经太迟了:)