被支持的控件

输入框

包括大部分表单控件、文本输入域控件，还支持所有 HTML5 类型的输入控件： text、password、datetime、datetime-local、date、month、time、week、number、email、url、search、tel 和 color。

<% include forms-controls-markup-1.html %>

<%- includeMDJs('components/Form/forms-controls-markup-1.html') %>

文本域

支持多行文本的表单控件。可根据需要改变 rows 属性。

<% include forms-controls-markup-2.html %>

<%- includeMDJs('components/Form/forms-controls-markup-2.html') %>

多选和单选框

多选框（checkbox）用于选择列表中的一个或多个选项，而单选框（radio）用于从多个选项中只选择一个。

设置了 disabled 属性的单选或多选框都能被赋予合适的样式。对于和多选或单选框联合使用的 <label> 标签，如果也希望将悬停于上方的鼠标设置为“禁止点击”的样式，请将 .disabled 类赋予 .radio、.radio-inline、.checkbox、.checkbox-inline 或 <fieldset>。

默认外观（堆叠在一起）

<% include forms-controls-markup-3.html %>

<%- includeMDJs('components/Form/forms-controls-markup-3.html') %>

内联单选和多选框

通过将 .checkbox-inline 或 .radio-inline 类应用到一系列的多选框（checkbox）或单选框（radio）控件上，可以使这些控件排列在一行。

<% include forms-controls-markup-4.html %>

<%- includeMDJs('components/Form/forms-controls-markup-4.html') %>

下拉列表（select）

使用默认选项或添加 multiple 属性可以同时显示多个选项。

<% include forms-controls-markup-5.html %>

<%- includeMDJs('components/Form/forms-controls-markup-5.html') %>