使用表单制作网页的五点技巧

技巧|网页

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

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-11-01 02:43:50

使用表单制作网页的五点技巧的相关文章

技术指南:使用表单制作网页的五点技巧

技巧|网页 想必大家在页面都使用过表单,如果你对单调的表单控制单元不满意,不妨看看以下几条技巧: 1.表单文本输入的移动选择:在文本输入栏中,如果加入了提示,来访者往往要用鼠标选取后删除,再输入有用的信息.其实只要加入  代码到 <textarea> 中,一切就会变得简单多了,如: <textarea name=textarea wrap=virtual rows=2 cols=22  >Input English..</textarea>类似的,可以加入代码到<

Dreamweaver制作网页13种技巧详解

1.灵活运用样式 熟悉网页设计的网友就知道,调用Style的方法很多,我们可以单击鼠标右键选择Custon Style来调用Style标准,也可以在状态栏中的元素列表上单击右键来调用Style.虽然不同的方法达到的效果看似一样,但实际上产生的HTML代码则完全不同.比如用Custon Style来调用Style标准,在网页代码中就生成一个〈span〉标签,这样的标签一多就会使文件十分臃肿而且影响浏览器的解析速度,所以我们应尽量使用状态栏中的元素列表来调用Style. 2.活用Format Tab

整理收集的XHTML+CSS制作网页的小技巧

css|xhtml|技巧|网页 1.鼠标移上去是出现一个window的保存收藏打印的那个小框框,能不能限制它的出现? 在HEAD中加入 <META HTTP-EQUIV="imagetoolbar" CONTENT="no"> 2. 图片上用新属性galleryimg <img width=500 height=500 src=http://www.webjx.com/htmldata/2007-06-04/a.gif galleryimg=&qu

Dreamweaver制作网页技巧之对进行网页优化

dreamweaver|技巧|网页|优化 我们为了优化网页.加快网页下载速度,除了对图片进行优化之外,还需对网页其他各个元素进行优化.在网页编织过程中如能充分利用编辑工具,也可以在网页制作中达到优化目的 我们为了优化网页.加快网页下载速度,除了对图片进行优化之外,还需对网页其他各个元素进行优化.在网页编织过程中如能充分利用编辑工具,也可以在网页制作中达到优化目的.下面是Dreamweaver中的一些优化技法: 合理调用CSS 进行网页设计时,运用样式表单CSS来对页面元素进行布置,可以大大地减少

Dreamweaver制作网页之图片应用技巧

dreamweaver|技巧|网页 加快图片下载速度 如果网页中有过多的图片,就会影响浏览的速度. Dreamweaver 可以轻松设置预载图片,加快图片下载速度,让站点以最快的速度出现在用户面前. 效果说明:建立文件,先预载图片,使图片预先下载到缓存中,加快图片下载速度. 创作思想:打开 Dreamweaver MX 2004 软件新建页面,再打开标签面板,在[行为]中选择[预先载入图像]选项,加快图片下载速度. 操作步骤 ( 1 )新建文件,操作如图1 所示. ( 2 )保存页面并插入图片.

Dreamweaver制作网页的图片应用技巧

dreamweaver|技巧|网页 加快图片下载速度 如果网页中有过多的图片,就会影响浏览的速度. Dreamweaver 可以轻松设置预载图片,加快图片下载速度,让站点以最快的速度出现在用户面前. 效果说明:建立文件,先预载图片,使图片预先下载到缓存中,加快图片下载速度. 创作思想:打开 Dreamweaver MX 2004 软件新建页面,再打开标签面板,在[行为]中选择[预先载入图像]选项,加快图片下载速度. 操作步骤 ( 1 )新建文件,操作如图1 所示. ( 2 )保存页面并插入图片.

用Dreamweaver制作网页七招实用技巧

dreamweaver|技巧|网页 一.从外部文档中粘贴时,如果只要文字而不想要其格式,可以使用"Edit→paste as text"命令,不要直接用Ctrl+V. 二.当有浏览者使用Netscape浏览页面时,在改变窗口大小的时候页面会花掉.在制作网页时就应该考虑到这个问题,可以通过点击"Command→Add/Remove Netscape resize fix"来加以解决,它可以使在Netscape中浏览页面时,改变窗口大小的时候页面不会花掉. 三.仅仅拷贝

FrontPage XP制作网页小技巧八则

frontpage|技巧|网页 靓丽的网页是怎样生成的?也许您会脱口而出,当然是自己设计出来的.没错!不过这其中也有网页制作工具的一部分功劳,因为功能强大的网页制作工具可以为网页增色不少!以前,FrontPage 2000是很多设计师们首选的网页制作工具,但自从FrontPage XP问世后,人们又开始利用它来继续"设计蓝图"了.但由于FrontPage XP较FrontPage 2000相比,推出的时间不长,有许多用户对它内部的一些操作小技巧可能不太熟悉.为此,笔者在这里就提供一些F

使用Dreamweaver制作网页时文字自动换行的小技巧

在使用Dreamweaver制作网页时,遇到制作表格的时候,内部的文字没有自动换行,我应该怎么做呢?下面提出两种解决方案,大家可以参考!在这里你如果知道该技巧,你可以略过!如果你不知道,不要说什么现在网页中已经没有表格了这样绝对的话啊?Web标准时代网页中照样应该是不能把表格完全抛弃的!呵呵. 解决表格中文字自动的换行的情况有两种可能: 第一种,你用CSS把表格内文字的字体设置成了英文字体,这样在Dreamweaver里表格内的文字不会自动换行,但这仅是Dreamweaver里的显示效果,在IE