Fox-Wikis

由输入框、选择器、单选框、多选框等控件组成，用以收集、校验、提交数据

基础用法

包括各种表单项，比如输入框、选择器、开关、单选框、多选框等。

显示代码

TIP

W3C 标准中有如下规定：

When there is only one single-line text input field in a form, the user agent should accept Enter in that field as a request to submit the form.

即：当一个 form 元素中只有一个输入框时，在该输入框中按下回车应提交该表单。如果希望阻止这一默认行为，可以在 < el-form> 标签上添加 @submit.native.prevent。

当垂直方向空间受限且表单较简单时，可以在一行内放置表单。

显示代码

根据具体目标和制约因素，选择最佳的标签对齐方式。

左对齐右对齐顶部对齐

显示代码

在防止用户犯错的前提下，尽可能让用户更早地发现并纠正错误。

显示代码

这个例子中展示了如何使用自定义验证规则来完成密码的二次验证。

显示代码

TIP

自定义校验 callback 必须被调用。更多高级用法可参考 async-validator。

TIP

嵌套在 el-form-item 中的 el-form-item 标签宽度默认为零，不会继承 el-form 的 label-width。如果需要可以为其单独设置 label-width 属性。

通过设置 Form 上的 size 属性可以使该表单内所有可调节大小的组件继承该尺寸。Form-Item 也具有该属性。

显示代码