Foundation 表单

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

所有 </code>, <code> </code> 及 <code></code> 元素宽度都为 100%，且带有外边距、内边距、阴影和鼠标移动效果。</p> <b>实例</b> <code> <br>  Input:<br>  <br>  Textarea:<br>  <textarea rows="4">
  Select:
 
    1
    2
    3
    4
 

标签

在表单中使用 元素来设置标签，标签可以添加 for 属性和 id 属性。用户在点击标签或输入域时获取输入框焦点：

实例
  Input
   
 
  Label
   
 
  Select
   
      1
      2
      3
      4
   
 


如果需要设置标签右对齐，可以使用 .right 类:

实例
Fieldset

Foundation 渲染

元素的样式如下：

实例
 

   

Fieldset Legend

    Name
     
   
    Email
     
   
 

错误状态

使用 .error 类来设置错误的标签、输入框、文本框样式:

实例
  Error
   
 
  Wrong input
 
Wrong input


	你需要使用 JavaScript 来更新用户输入的错误状态。

Foundation