如何使用 CSS 设置表单样式

How do I style forms using CSS

本文关键字：表单 样式 设置 CSS 何使用      更新时间：2023-09-26

我正在尝试为即将推出的页面设置表单样式。我试图坚持只使用CSS，HTML，JQUERY/JAVASCRIPT。我想知道我将如何去做这样的事情。![在此输入图像描述][1]

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

提前感谢伙计们！

P.S 抱歉，我也无法发布图片，声誉不够高。

只需将 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" />

然后你可以把所有这些放在一个div中，使用css边框半径的圆角边缘

， 
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;

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

http://jsfiddle.net/W7Vua/

已编辑：有点太晚了，因为已经是一个公认的答案:)

相关文章：