职业IT人-IT人生活圈

 找回密码
 成为会员
搜索
查看: 911|回复: 0

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

[复制链接]
娜娜乖乖女 发表于 2007-8-12 09:55 | 显示全部楼层 |阅读模式
  想必大家在页面都使用过表单,如果你对单调的表单控制单元不满意,不妨看看以下几条技巧:
  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=&#39;&#39;\">   点击输入单元后,提示信息会删除,是不是很方便。
  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\"为控制在弹出窗口打开。
您需要登录后才可以回帖 登录 | 成为会员

本版积分规则

QQ|手机版|小黑屋|网站帮助|职业IT人-IT人生活圈 ( 粤ICP备12053935号-1 )|网站地图
本站文章版权归原发布者及原出处所有。内容为作者个人观点,并不代表本站赞同其观点和对其真实性负责,本站只提供参考并不构成任何投资及应用建议。本站是信息平台,网站上部分文章为转载,并不用于任何商业目的,我们已经尽可能的对作者和来源进行了通告,但是能力有限或疏忽造成漏登,请及时联系我们,我们将根据著作权人的要求立即更正或者删除有关内容。

GMT+8, 2024-5-9 03:52 , Processed in 0.133127 second(s), 20 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表