网页表单设计实例技巧五则

优化网页表单输入体验：移动选择和文本输入的便捷操作

在网页的文本输入栏中，我们经常能看到一些提示信息，如“请填入你的姓名”。来访者在输入时，通常需要鼠标选取提示信息后删除，再输入实际内容。这一过程稍显繁琐。通过引入特定的代码，我们可以极大改善这一体验。

对于<textarea>标签，只需加入onMouseOver="this.focus()" onFocus="this.select()"代码，一切将变得简单许多。例如：

```html

<textarea name=textarea wrap=virtual rows=2 cols=22 onMouseOver="this.focus()" onFocus="this.select()">请填入你的姓名</textarea>

```

类似地，我们也可以为<input>标签加入相关代码。当鼠标覆盖在输入单元上时，提示信息会自动删除，为用户带来极大的便利。

除了上述的便捷操作，表单的样式定制同样重要。更改表单单元的边框和文本设置，能够让你的网页焕然一新。

例如，为单选框添加特色边框，使其在众多表单单元中脱颖而出：

```html

<input type=radio name=action value=subscribe checked style="BORDER-BOTTOM: dashed 1px; BORDER-LEFT: dashed 1px; BORDER-RIGHT: dashed 1px; BORDER-TOP: dashed 1px;background-color: FEF5C8">

```

你还可以根据需求调整表单单元的字体和大小。例如，为文本输入框设置特定的字体和字号：

```html

<input type=text name="address" size=19 value="请填入你的姓名" style=font-family:"verdana";font-size:10px >

```

为了避免表单激活后影响正常浏览，我们可以将其修改为在新窗口或新标签页中打开。只需在表单代码中加入“target=_blank”即可：

```html

<form method=POST action=url target=_blank>

```

通过简单的代码调整和设置，我们可以显著提升网页表单的用户体验，使访问者能够更顺畅、更高效地完成任务。这些技巧不仅提高了网页的实用性，也增强了用户的满意度。