| 网站首页 | 易县_新闻 | 易县下载 | 易县图片 | 易县留言 | 易县论坛 | 笑话 | 范文 | 教案 | 论文 | 考试 | 法律 | 高校联盟 | 英语学习 | 电脑网络 | 旅游 | 求职创业 | 健康 | 两性频道 | 娱乐 | 营销 | 疾病大全 | 
您现在的位置: 易县门户网 >> 电脑网络 >> 网页制作 >> HTML网页制作教程 >> 教程正文
个性化表单五技巧
作者:未知 来源:网络 点击数: 更新时间:2006-7-23 17:46:57


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

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

教程录入:yxdoor    责任编辑:yxdoor 
  • 上一篇教程:

  • 下一篇教程:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    赞 助 商 链 接
    特 别 推 荐
    相 关 文 章
    Google推“我的搜索历史”测试
    创造收藏夹中的个性化图标
    巧妙制作个性QQ头像-QQ聊天,Q
    在网吧时用家中QQ的个性化设置
    三招打造出个性的QQ群聊法则-
    玩转QQ2006声音 张扬个性的自我
    QQ空间个性代码新手入门技巧-
    另类技巧免费打造个性QQ秀-QQ
    教你如何复制别人的QQ空间-QQ
    最 新 热 门 资 讯
    普通教程CDROM常识谈
    普通教程多媒体电脑组成
    普通教程电脑安装前的注意事项
    普通教程安装CPU和内存
    普通教程接插电源线
    普通教程安装显示卡、声卡
    普通教程收尾工作
    普通教程盒模型bug的解决方法
    普通教程自做局域网(7)--安装网页
    普通教程自做局域网(8)--设置网页