长沙火速网络科技有限公司
网络技术 , 物联网技术的研发 , 计算...
长沙网站设计,CSS网站设计表单布局小技巧
发布时间:2017-03-06

 学会使用以下几个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> 将新页面以弹出窗口形式打开即可消除当前页面浏览影响。

 

-----------------------------------------------------------------------

网站建设,网站优化,微信营销找我们:www.hswn88.com

电话:0731-88626064

地址:长沙岳麓区枫林三路608号涉外国际公馆4栋1单元

展开全文