Foundation 表单

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

所有</code>,<code><select></code>及<code><input></code>元素宽度都为 100%，且带有外边距、内边距、阴影喝鼠标移动效果。</p> <div class="example"> <h3>实例</h3> <pre><form> Input: <input type="text" placeholder="Name"> Textarea: <textarea rows="4" placeholder="Address"> Select: 实例预览 »


          
          标签
          在表单中使用元素来设置标签，标签可以添加 for 属性和 id 属性。用户在点击标签或输入域时获取输入框焦点：
          
           实例
            Input   Label   Select   实例预览 »
          
          如果需要设置标签右对齐，可以使用.right类:
          
           实例
           实例预览 »
          
          
          Fieldset
          Foundation 渲染
元素的样式如下：
          
           实例
             Fieldset Legend Name   Email   
 实例预览 »
          
          
          错误状态
          使用.error类来设置错误的标签、输入框、文本框样式:
          
           实例
            Error   Wrong input  Wrong input 实例预览 »
          
          
           
            
             你需要使用 JavaScript 来更新用户输入的错误状态。


         
          关于我们 联系我们 留言板
          手册网


        
         
          Previous article：
          Next article：