CSS设计符合Web标准的网页表单的几个技巧

掌握这五个技巧，用div和css构建网页表单布局更加得心应手！

一、让表单文本输入更便捷

你是否遇到过这样的问题：在表单的文本输入栏中，当有提示信息时，用户往往需要先选取提示再删除，才能输入真正有用的信息。其实，只需在相应的代码中加入几句简单的话语，如：

在textarea标签中加入：onMouseOver="this.focus()" onFocus="this.select()"。例如：

Input English..

类似的，你也可以为input标签加入这样的代码。

二、点击表单输入单元即可删除提示

这个功能与上一个技巧类似，只是在鼠标的操作上有所不同。用户只需点击输入单元，提示信息就会自动删除。例如：

这样一来，用户操作更加便捷。

三、个性化表单输入单元的边框设置

改变传统的表单单元边框，能让你的网页焕然一新。例如：

其中的style属性可以自定义边框的样式和背景颜色，适用于其他表单元素。

四、自定义表单输入单元的文字设置

表单中的字体和字号是可以调整的，例如：

这里的style属性就是用来设置字体和字号的。

五、让表单在弹出窗口中打开

大多数表单都是在当前页面中打开的，这可能会影响到用户的正常浏览体验。我们可以修改这一点，让表单在弹出窗口中打开，例如：

这里的target属性设置为"_blank"，即可实现在新窗口打开表单的功能。掌握了这五个技巧，你将能更灵活地控制网页表单布局，让页面更加美观、易用。