网站设计小技巧-CSS表单布局
作者:佚名 时间:2012-02-18
网站设计小技巧-CSS表单布局
初学网站建设的如果会使用以下几个CSS小技巧可以让上海网站设计更灵活的控制表单和效果;博得众多满意度才是最好的CSS表单布局!
1.表单输入单元文字设置:通过控制 <input type=text name="address" size=19 value="Enter,e-mail..." style=font-family:"verdana";font-size:10px > 当中的"style=***" 即可实现当中的字体大小设置。
2.修改表单属性为弹出窗口:只需要使用 <form method=POST action=url target=_blank> 将新页面以弹出窗口形式打开即可消除当前页面浏览影响
3.表单文本输入移动选择:只要在 <textarea> 中加入 onMouseOver="this.focus()" onFocus="this.select()" 即可为我们的用户省去先在文本输入框中删除原有内容才能输入实际信息的操作。
4.表单输入单元点击删除:在 <textarea> 中加入<input type=text name="address" size=19 value="Enter,e-mail..."onFocus="this.value='"> 即可实现输入单元点击删除
5.表单输入单元边框设置:通过<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=***" 即可以轻松的为我们的表单进行上下左右和背景颜色设置,顿然生色。