CSS中怎么实现提交表单,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

从网站建设到定制行业解决方案,为提供网站设计、网站制作服务体系,各种行业企业客户提供网站建设解决方案,助力业务快速发展。创新互联将不断加快创新步伐,提供优质的建站服务。
CSS代码:
- body { padding:50px 100px; font:13px/150% Verdana, Tahoma, sans-serif; } 
- /* tutorial */ 
- input, textarea { 
- padding: 9px; 
- border: solid 1px #E5E5E5; 
- outline: 0; 
- font: normal 13px/100% Verdana, Tahoma, sans-serif; 
- width: 200px; 
- background: #FFFFFF url('bg_form.png') left top repeat-x; 
- background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF)); 
- background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px); 
- box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
- -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
- -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
- } 
- textarea { 
- width: 400px; 
- max-width: 400px; 
- height: 150px; 
- line-height: 150%; 
- } 
- input:hover, textarea:hover, 
- input:focus, textarea:focus { 
- border-color: #C9C9C9; 
- -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px; 
- } 
- .form label { 
- margin-left: 10px; 
- color: #999999; 
- } 
- .submit input { 
- width: auto; 
- padding: 9px 15px; 
- background: #617798; 
- border: 0; 
- font-size: 14px; 
- color: #FFFFFF; 
- -moz-border-radius: 5px; 
- -webkit-border-radius: 5px; 
- } 
html代码:
XML/HTML Code复制内容到剪贴板
- CSS3 Form Demo 
看完上述内容,你们掌握CSS中怎么实现提交表单的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!
分享文章:CSS中怎么实现提交表单
URL链接:http://www.scyingshan.cn/article/jihicj.html

 建站
建站
 咨询
咨询 售后
售后
 建站咨询
建站咨询 
 