创新互联Foundation教程：Foundation表单

Foundation 表单

Foundation 表单控制会自动设置为全局样式:

我们提供的服务有：成都网站制作、网站设计、微信公众号开发、网站优化、网站认证、关岭ssl等。为上千多家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的关岭网站制作公司

所有 </code>, <code> <select></code> 及 <code><input></code> 元素宽度都为 100%，且带有外边距、内边距、阴影和鼠标移动效果。 <h3>实例</h3> < form > Input: < input type= "text" placeholder= "Name" > Textarea: < textarea rows= "4" placeholder= "Address" > < /textarea > Select: < select > < option >1 < /option > < option >2 < /option > < option >3 < /option > < option >4 < /option > < /select > < /form > 尝试一下 » <hr> <h2>标签</h2>在表单中使用 <code><label></code> 元素来设置标签，标签可以添加 for 属性和 id 属性。用户在点击标签或输入域时获取输入框焦点： <h3>实例</h3> < form > < label for= "name" >Input < input type= "text" placeholder= "Name" id= "name" > < /label > < label for= "adr" >Label < textarea rows= "4" placeholder= "Address" id= "adr" > < /textarea > < /label > < label for= "num" >Select < select id= "num" > < option >1 < /option > < option >2 < /option > < option >3 < /option > < option >4 < /option > < /select > < /label > < /form > 尝试一下 »如果需要设置标签右对齐，可以使用 <code>.right</code> 类: <h3>实例</h3> < label class= "right" > 尝试一下 » <hr> <h2>Fieldset</h2>Foundation 渲染 <code><fieldset></code> 元素的样式如下： <h3>实例</h3> < form > < fieldset > < legend >Fieldset Legend < /legend > < label >Name < input type= "text" placeholder= "First Name.." > < /label > < label >Email < input type= "text" placeholder= "Enter email.." > < /label > < /fieldset > < /form > 尝试一下 » <hr> <h2>错误状态</h2>使用 <code>.error</code> 类来设置错误的标签、输入框、文本框样式: <h3>实例</h3> < form > < label class= "error" >Error < input type= "text" placeholder= "Name.." > < /label > < small class= "error" >Wrong input < /small > < textarea rows= "4" placeholder= "Address" > < /textarea > < small class= "error" >Wrong input < /small > < /form > 尝试一下 » <table> <tbody> <tr> <th style="width:34px"></th> <td>你需要使用 JavaScript 来更新用户输入的错误状态。</td> </tr> </tbody> </table> 网页名称：创新互联Foundation教程：Foundation表单 分享地址：<a href="http://www.zsjierui.cn/article/ccdheec.html">http://www.zsjierui.cn/article/ccdheec.html</a> </div> </div> <div class="other"> <h3>其他资讯</h3> <ul> <li> <a href="/article/dpcgpjd.html">国外高防cdn服务器使用异常怎么解决</a> </li><li> <a href="/article/dpcghhh.html">应该如何做好服务器?（应该如何做好服务器工作)</a> </li><li> <a href="/article/dpcjooj.html">Apache Tomcat 7.0.26发布(附下载)</a> </li><li> <a href="/article/dpcghhi.html">人工智能如何影响云计算的发展</a> </li><li> <a href="/article/dpcghhs.html">ssl证书配置方法？ssl服务器配置</a> </li> </ul> </div> </div> <footer> <div class="message"> <div class="mess container"> 免费获取网站建设与品牌策划方案报价 *主要业务范围包括：高端网站建设，集团网站建设(网站建设网站制作)找网站建设公司就上美图齐众。 <form action=""> <input type="text" class="ipt1" placeholder="联系人"> <input type="text" class="ipt2" placeholder="联系电话"> <textarea name="" id="" placeholder="内容描述：描述您的需求，如网站、微信、电商、APP等。"> 提交需求


    
        
            
                联系我们
                028-86922220
                手机：13518219792
                地址：成都市太升南路288号锦天国际A幢1002号
                
                24小时服务热线：028-86922220
            
            
                网站建设服务
                网页设计
                网站制作
                网站开发
            
            
                网站推广服务
                营销网站建设
                百度快速排名
                整站网站推广
            
            
                网站运维服务
                基础维护
                网站改版
                网站维护
            
            
                FOLLOW US
                
                
                    微信二维码
                    微信二维码
                
            
        
        
            友情链接：
            四川发电机维保   led背发光字   成都服务器托管   水泥基自流平   网站建设方案   迷你发光字   成都冻库维修   做网站   成都柴油发电机租用   成都微信二次开发公司           
    
    
        
            
                Copyright © 2025  资阳站青羊区美图齐众设计工作室（个体工商户）     资阳网站建设公司-选网站建设公司美图齐众！专业的网站制作公司！
            
            
                All Rights Reserved 版权所有 蜀ICP备2025119604号-1

网站建设知识

创新互联Foundation教程：Foundation表单

Foundation 表单

联系我们

网站建设服务

网站推广服务

网站运维服务

FOLLOW US