网页表单设计常用几个实例技巧

发表日期:2015-03-28   资讯来源:佰牛科技   浏览:133

我们在设计网站的时候有的时候难免会用到表单,对于表单的设计其实也是需要技巧的,下面我们深圳网站建设公司佰牛网络就来与大家说下网页表单设计的几个常用的实例技巧,如下:

1、表单文本输入的移动选择:在文本输入栏中,如果加入了提示,来访者往往要用鼠标选取后删除,再输入有用的信息。其实只要加入onMouseOver='this.focus()' onFocus='this.select()' 代码到 <textarea> 中,一切就会变得简单多了,如:<textarea name=textarea wrap=virtual rows=2 cols=22 onMouseOver='this.focus()' onFocus='this.select()'>请填入你的姓名</textarea> 类似的,可以加入代码到<input>。

2、表单输入单元点击删除:本列同上则作用类似,只是使用鼠标上略有变化,需要点击而不像上则的只要鼠标覆盖。如:<input type=text name='address' size=19 value='请填入你的邮箱'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='请填入你的姓名' style=font-family:'verdana';font-size:10px > 其中'style=***'为字体和字大小设置。

5、修改表单属性为弹出窗口:大多数表单激活后,会在当前页面中打开,影响正常浏览。不如修改一下,如:<form method=POST action=url target=_blank> 其中'target=_blank'为控制在弹出窗口打开

内容标签:
网页表单
个性化网站建设
免费建网站
基础网站建设
{ solution_title }
相关资讯

【签约】深圳目路教育官网网站建设项目

目路SEEPATHS专注于为学生家庭提供教育升学的定制服务。团队持续运营超过8年,目前已经发展成为一家以升学结果为导向,多元化道路与学生背景条件相结合的高端专业、实现学生个性化升学规划的服务机构。

日期:2020-09-24    浏览:116

【签约】深圳中浩建设官网建设项目

深圳中浩建设实业有限公司成立于2000年,是一家专业从事沥青路面施工,集工程投资管理,沥青路面,彩色沥青路面,路面养护维修为一体的公司。

日期:2018-07-12    浏览:116

【签约】深圳财阜集团APP开发项目

财阜集团的是一家扎根香港,并专注于为所有客户和会员提供一站式海外资产配置及服务的综合集团。

日期:2019-05-03    浏览:111

【签约】大可智能教育信息网平台网站建设项目

大可智能教育信息网面向全国一线教师和学生,提供高考、留学、考级考试以及 各年级相关备课、迎考的专业资源。

日期:2017-09-20    浏览:111

【签约】深圳活石学院教育平台项目

活石学院,源自香港,提供DSE课程学习,留学权威,服务全球,以及服务香港本地中小幼升学,规划香港及海外大学本科留学,是业内首屈一指的香港教育专家。

日期:2018-11-03    浏览:109

网站长尾关键词优化的六大法宝

长尾关键词,按字面理解就是搜索长度长,有2至3个词组成的词语,而用户有可能会用的这些词进行搜索。那么,对于已经存在的长尾词需要怎么优化呢?接下来分享长尾词优化的六大法宝。

日期:2018-07-05    浏览:163

用户粘性提高才能够保证网站良性发展

网站优化都有很多公司来说都是非常重要的,因为如果你的网站上要是有更多的客户的话,那么势必要在网站优化上下一些功夫,如果网站是比较好的话,那么这种网站它的用户粘性相对来说应该是比较高的,因为用户粘性对于我们建站的人来说是非常的重要的,因为只有用户粘性能够提高的话,才能够保证我们的网站运营中能够良性发展。

日期:2018-07-05    浏览:154

这些网站图片优化小技巧十分受用

图片优化是网站要进行优化的一个十分重要的方面,传统意义上的优化仅仅只是图片要加alt标签或是仅仅压缩。但这样太过粗陋,以下带来详细技巧。

日期:2018-07-05    浏览:122