网站建设|网站地图
南昌网站建设 > 资讯中心 > 新闻中心 > 网站设计 > 紫索科技
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> 将新页面以弹出窗口形式打开即可消除当前页面浏览影响。

 

>
原文地址:http://www.zisuo.cn/news/CSS网站设计表单布局小技巧1744.htm
文章整理:紫索科技--专业提供南昌网站建设九江网站制作服务
http://www.zisuo.cn
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息。
上一篇:南昌网站建设页面结构如何严谨有序     下一篇:如何在网站设计中加大企业广告力度
返回列表
 
2012-2-2 2一个简单动画所引来的网页设计争论
2012-2-2 2提升客户黏着度的网页设计秘诀
2012-2-2 2创意满分的网页设计视觉效果
2012-2-2 1南昌网站建设之2012网页设计的趋势探讨
2012-2-2 1南昌网站建设之2012年5大网页设计潮流