<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>[网站美工]”的内容,如果你对以上该文章内容感兴趣,你可以看看七道奇为您推荐以下文章:
本文地址: | 与您的QQ/BBS好友分享! |