推荐几个网站设计的表单技巧

网站设计师都懂得网站设计中表单重要性,我以几年来的设计经验推荐几个常用的表单技巧,希望能起到抛砖引玉的作用大家有所启发:

(1)输入表单文本时的移动选择:若果在文本输入栏中加入提示,访问者一般要用鼠标选取后删除,然后输入有用信息。其实不用那么复杂,可以尝试这样做:加入onMouseOver="this.focus()" onFocus="this.select()" 代码到 <textarea> 中,这样是不是变得简单多了呢,如:<textarea name=textarea wrap=virtual rows=2 cols=22 onMouseOver="this.focus()" onFocus="this.select()">Input English..</textarea>也类似,可以加入代码到<input>。

(2)表单输入单元点击删除:本列同上面所述作用类同,区别在于鼠标使用,需要点击,不是实施鼠标覆盖。如<input type=text name="address" size=19 value="Enter,e-mail..."onFocus="this.value=">
当你点击输入单元,提示信息则会删除,这样做是不是很方便呢,呵呵。

(3)设置表单输入单元边框:就是要对传统的表单单元边框进行更改,这样做以后,再看看你的主页,是不是增色了呢,呵呵。如:<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">其中"style=***"是上下左右和背景色的设置,也同样适用其它单元,亲爱的你,可大胆亲自试试。

(4)表单输入单元中的文字设置:表单中单元字体可修改,如:<input type=text name="address" size=19 value="Enter,e-mail..." style=font-family:"verdana";font-size:10px >其中"style=***"为字体和字大小设置。

(5)将表单属性修改为弹出窗口:很多表单激活后,是在当前页打开,非常影响浏览者正常的浏览。建议修改一下,如:<form method=POST action=url target=_blank>其中"target=_blank"为控制在弹出窗口打开。

分类目录: 建站教程 | 标签: 推荐  几个  网站  设计  表单  技巧   | 评论:0
上一篇: 网站模块设计布局的速记口诀
下一篇: 网站导航栏的设计