当前位置:七道奇文章资讯网站建设网站美工
日期:2009-12-15 23:14:00  来源:本站整理

<b>css表单筹划的五个小本领</b>[网站美工]

赞助商链接



  本文“<b>css表单筹划的五个小本领</b>[网站美工]”是由七道奇为您精心收集,来源于网络转载,文章版权归文章作者所有,本站不对其观点以及内容做任何评价,请读者自行判断,以下是其具体内容:

div css表单筹划的五个小本领可以帮忙你更机动的掌握表单,使页面越发称心.

1、表单文本输入的移动挑选:

在文本输入栏中,假如加入了提醒,来访者常常要用鼠标选取后删除,再输入有效的信息.其实只要加入onMouseOver="this.focus()" onFocus="this.select()" 代码到 <textarea> 中,一切就会变得简单多了,如:

Example Source Code [www.devdao.com]<textarea name=textarea wrap=virtual rows=2 cols=22 onMouseOver="this.focus()" onFocus="this.select()">Input English..</textarea>
  近似的,可以加入代码到<input>.

2、表单输入单元点击删除:

本列同上则作用近似,只是利用鼠标上略有改变,需求点击而不像上则的只要鼠标覆盖.如:

Example Source Code [www.devdao.com]<input type=text name="address" size=19 value="Enter,e-mail..."onFocus="this.value=''">
  点击输入单元后,提醒信息会删除,是不是很便利.

3、表单输入单元的边框设置:

更改传统的表单单元边框,会让你的主页生色不少.如:

Example Source Code [www.devdao.com]<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、表单输入单元的文字设置:

表单中单元的字体是可以改正的,如:

Example Source Code [www.devdao.com]<input type=text name="address" size=19 value="Enter,e-mail..." style=font-family:"verdana";font-size:10px >
 此中"style=***"为字体和字大小设置.

5、改正表单属性为弹出窗口:

大大都表单激活后,会在当前页面中翻开,影响正常浏览.不如改正一下,如:

Example Source Code [www.devdao.com]<form method=POST action=url target=_blank>
此中"target=_blank"为掌握在弹出窗口翻开.


  以上是“<b>css表单筹划的五个小本领</b>[网站美工]”的内容,如果你对以上该文章内容感兴趣,你可以看看七道奇为您推荐以下文章:
  • <b>hosts是什么 hosts文件在什么位置 若何改正hosts</b>
  • <b>在 Windows 8 中手动安装语言包</b>
  • <b>五个常见 PHP数据库问题</b>
  • Windows中Alt键的12个高效快速的利用本领介绍
  • <b>MySQL ORDER BY 的实现解析</b>
  • <b>详解MySQL存储历程参数有三种范例(in、out、inout)</b>
  • <b>Win8系统恢复出来经典的开始菜单的办法</b>
  • <b>Win8系统花屏怎么办 Win8系统花屏的办理办法</b>
  • <b>Windows 7系统下无线网卡安装</b>
  • <b>为什么 Linux不需求碎片整理</b>
  • <b>Windows 8中删除账户的几种办法(图)</b>
  • <b>教你如安在win7下配置路由器</b>
  • 本文地址: 与您的QQ/BBS好友分享!
    • 好的评价 如果您觉得此文章好,就请您
        0%(0)
    • 差的评价 如果您觉得此文章差,就请您
        0%(0)

    文章评论评论内容只代表网友观点,与本站立场无关!

       评论摘要(共 0 条,得分 0 分,平均 0 分) 查看完整评论
    Copyright © 2020-2022 www.xiamiku.com. All Rights Reserved .