熟悉网页制作中常用网页表单格式的技巧

技巧|网页

  想必大家在页面都使用过表单,如果你对单调的表单控制单元不满意,不妨看看以下几条技巧:

  1、表单文本输入的移动选择:在文本输入栏中,如果加入了提示,来访者往往要用鼠标选取后删除,再输入有用的信息。其实只要加入 代码到 <textarea> 中,一切就会变得简单多了,如:

<textarea name=textarea wrap=virtual rows=2 cols=22 >Input English..</textarea>

  类似的,可以加入代码到<input>。

  2、表单输入单元点击删除:本列同上则作用类似,只是使用鼠标上略有变化,需要点击而不像上则的只要鼠标覆盖。如:

<input type=text name="address" size=19 value="Enter,e-mail...">

  点击输入单元后,提示信息会删除,是不是很方便。

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

时间: 2024-12-08 05:01:42

熟悉网页制作中常用网页表单格式的技巧的相关文章

网页制作中关于网页表单提交的制作

表单提交|网页 表单的提交 既然表单是用来采集用户输入的数据,那么,就应该保证用户的数据被准确地提交到预定的地点,也就是说,我们在表单提交的时候,应该对用户的数据进行检验,一来可以避免用户误输数据,二来可以避免用户输入非法的,或者说不合格的数据:检验合格以后,还要保证用户的数据提交到特定的程序. 1.数据的检验 数据的检验,通常有两种程序:客户端检验和服务器端检验.客户端检验,比较快,服务器端检验,相对来说比较慢,为了确保安全,通常同时采用,这样就可以避免用户刻意破坏. 不管采用什么方式,数据检

实例学习网页制作中常用的网页表单的应用

网页 说实话,无论是asp,php还是jsp进行网络编程的时候,都离不开和用户的交互. 而人机对话的平台,基本上是靠相应的文本.列表框进行输入,然后通过按钮提交送至数据库的. 所以学习网络编程就一定要了解这些输入平台相关的东西:表单(form)其基本格式如下: <form name="form1" action="xxx.asp" method="post"><input type="text" name=&

网页制作中常用的网页表单的应用

    说实话,无论是asp,php还是jsp进行网络编程的时候,都离不开和用户的交互. 而人机对话的平台,基本上是靠相应的文本.列表框进行输入,然后通过按钮提交送至数据库的. 所以学习网络编程就一定要了解这些输入平台相关的东西:表单(form)其基本格式如下: <form name="form1" action="xxx.asp" method="post"> <input type="text" name

网页制作中常用的一些实用辅助代码

网页 点击返回上页代码: <form> <p><input TYPE="button" VALUE="返回上一步" ></p> </form> 弹出警告框代码: <form> <p><input TYPE="button" VALUE="弹出警告框" ></p> </form> <script lang

网页制作中常用CSS的十大技巧

css|技巧|网页 1.CSS字体属性简写规则 一般用CSS设定字体属性是这样做的: font-weight:bold;font-style:italic;font-varient:small-caps;font-size:1em;line-height:1.5em;font-family:verdana,sans-serif; 但也可以把它们全部写到一行上去: font: bold italic small-caps 1em/1.5em verdana,sans-serif; 真不错!只有一点

详细讲解网页制作中常用的图像替换技术

网页 一.实际应用 略 二.图像替换 我们并不总是要文字呆在背景图像之上,很多作品都故意隐藏了标题等元素中的文本,取而代之的是一幅生动的图像. 设计师能够用一张背景图像替代某元素中的原始文字,以期显示出更美观的字体.为了表示对发明者Todd Fahrner的尊重,这个技巧随后也被叫做"Fahrner图像替换(Fahrner Image Replacement,FIR)".该技巧的实现非常简单:用span将元素中的文本包围起来,然后通过应用CSS样式隐藏这个span中的文本,最后将背景图

网站推荐:网页制作中常用的一些代码小结

网页 点击返回上页代码: <form> <p><input TYPE="button" VALUE="返回上一步" ></p> </form> 弹出警告框代码: <form> <p><input TYPE="button" VALUE="弹出警告框" ></p> </form> <script lang

CSS实例教程:制作漂亮的网页表单

初中级练习,高手朋友们可以飘过.要求达到如下图所示的效果,各位不妨试一试~   代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang=

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

提示:您可以先修改部分代码再运行 1.表单文本输入的移动选择:在文本输入栏中,如果加入了提示,来访者往往要用鼠标选取后删除,再输入有用的信息.其实只要加入onMouseOver="this.focus()" onFocus="this.select()" 代码到 <textarea> 中,一切就会变得简单多了,如: <textarea name=textarea wrap=virtual rows=2 cols=22 onMouseOver=&qu