DHTML实例解析:用HTC统一定制表单样式

HTC相关的前端技术探讨

最新推荐文章于 2017-10-24 17:06:31 发布

最新推荐文章于 2017-10-24 17:06:31 发布 · 73 阅读

文章标签：

#HTC #CSS #360 #JavaScript #Flash #ViewUI

博客涉及HTC相关内容，同时包含CSS、JavaScript、Flash等前端技术，以及360相关信息，这些信息技术元素构成了博客的关键内容。

DHTML实例解析:用HTC统一定制表单样式

2002-09-13· ·钟钟··天极设计在线

　　在制作表单的时候，我们往往用CSS来重新定义表单元素（如输入框、按钮等）的样式，以便看起来更加美观。而表单中的很多不同元素（如输入框、提交按钮、单选框）使用的是一个标记－－Input，这就意味着，我们在CSS中无法通过只定义Input标记来达到我们分别定义样式的目的。一般的做法是定义几种Class，在写表单的时候，不同的元素使用不同的Class。但是在表单较多的时候，这仍显得不是很方便。

　　那么，有没有更省力的办法呢？答案是肯定的，一个简单的HTC就可以解决这个问题。

　　实例如下：

　　htc代码：

＜script language=javascript＞
switch(type)
{
　　case 'text':
　　case 'password': //文本输入框和密码输入框的样式
　　　style.border="1px solid #000000";
　　　style.backgroundColor="#FFFFFF";
　　　style.height="18px";
　　　style.font="normal 12px 宋体";
　　　style.color="#000000";
　　　break;

　　case 'submit':
　　case 'reset':
　　case 'button': //按钮类的样式（不包括图片按钮）
　　　style.border="1px solid #000000";
　　　style.backgroundColor="#CCCCCC";
　　　style.height="18px";
　　　style.font="normal 12px 宋体";
　　　style.color="#000000";
　　　break;

　　default: ;　//对于象单选框多选框等上面没有出现过的元素，我们使用默认样式。
}
＜/script＞