• 当前位置:首页 > 设计知识 >>
  • 长春网页制作培训教大家认识常用的5种表单格式

    [阅读次数: 次]  
  •   

    表单在网页中主要负责数据采集功能。因此表单的设计对于一个网站来说尤为重要,许多网站系统我们没有去选择也是因为其单调的表单设计不能让我们满意。长春网页制作培训教大家5种最为常见的表单格式设计技巧。

     

     

     

    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"为控制在弹出窗口打开。

     

     


    html语言及表单的设计总是学习网页设计人员最初要学习的内容,记得我开始学习网页设计的时候,前三节也是在学习用记事本html语言编辑表单,那是只是简单的表单即可满足需求,不过若干年后的今天,随着网页设计行业的发展,功能的需求日益增多,功能强大的网站、实用的网站才能被更多的人所使用和接受,才能带来更多的忠实访客。

  • 长春网页制作培训教大家认识常用的5种表单格式

培训内容:网页设计软件|网页前台美工培训|div css样式|网店培训班|php程序开发|网站运营维护|网络营销|电子商务专业

学校地址:长春市绿园区新竹路与青浦路交汇(北京华联,火车站) 咨询电话:0431-81661151 / 15104316336 (来校请您提前致电了解开课安排)

乘车路线:22路,322路,231路,229路,64路,364路,224路,137路,139路,145路,226路,253路,284路,289路等

吉林省优秀网页设计师培训速成/就业首选品牌学校 小班教学/精讲班