CSS设计方案合乎Web规范的网页页面表单的几个技

日期:2020-12-13 类型:科技新闻 

关键词:html网页制作,php网页制作,网页设计稿,网页编辑工具,学生网页设计模板


本文总结了用div css开展网页页面表单合理布局的5个小窍门能够协助你更灵便的操纵表单,使网页页面更为令人满意。
  1、表单文字键入的挪动挑选:
  在文字键入栏中,假如添加了提醒,求助者常常要用电脑鼠标选择后删掉,再键入有效的信息内容。实际上要是添加onMouseOver="this.focus()" onFocus="this.select()" 编码到 <textarea> 中,1切就会变得简易多了,如:
<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、改动表单特性为弹出对话框:
  大多数数表单激活后,会在当今网页页面中开启,危害一切正常访问。比不上改动1下,如:
<form method=POST action=url target=_blank>
  在其中"target=_blank"为操纵在弹出对话框开启。