CSS网站设计表单布局小技巧

学会使用以下几个CSS小技巧可以让我们在网站建设当中更灵活的控制表单,取得更令人满意的表单效果。 

CSS网站设计表单布局小技巧之表单文本输入移动选择

 只需要在 <textarea> 中加入 onMouseOver="this.focus()" onFocus="this.select()" 即可为我们的用户省去先在文本输入框中删除原有内容才能输入实际信息的操作。

 CSS网站设计表单布局小技巧之表单输入单元点击删除

  在 <textarea> 中加入<input type=text name="address" size=19 value="Enter,e-mail..."onFocus="this.value=''"> 即可实现输入单元点击删除

  CSS网站设计表单布局小技巧之表单输入单元边框设置

 通过<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=***" 即可以轻松的为我们的表单进行上下左右和背景颜色设置,让网站设计顿然生色。

 CSS网站设计表单布局小技巧之表单输入单元文字设置

通过控制 <input type=text name="address" size=19 value="Enter,e-mail..." style=font-family:"verdana";font-size:10px > 当中的"style=***" 即可实现网站设计当中的字体大小设置。 

 CSS网站设计表单布局小技巧之修改表单属性为弹出窗口

只需要使用 <form method=POST action=url target=_blank> 将新页面以弹出窗口形式打开即可消除当前页面浏览影响。

div+css网站设计已经成主流了,长沙网站建设整理出css的一些小技巧,希望对大家有所帮助。

®陈鹤群seo博客™ | 版权所有 | 若非注明 | 均为原创™
㊣ 转载请附上文章链接并注明: 陈鹤群seo博客 » CSS网站设计表单布局小技巧
㊣ 本文永久链接: http://www.chenhequn.com/archives/305.html

1条评论

评论加载中,请稍等...
  • 厦门SEO  回复

    我也正在学习这玩意~~呵呵 🙂

昵称*

邮箱*

网址