Form
Form consists of input, radio, select, checkbox and so on. With form, you can collect, verify and submit data.
Basic Form
It includes all kinds of input items, such as input, select, radio and checkbox. In each form component, you need a form-item field to be the container of your input
item.
Form Title p.el-form-title
Left
Right
Top
Technical Information Title p.el-form-title
Online activities
Promotion activities
Offline activities
Simple brand exposure
Sponsor
Venue
-
Same Line Form Items
Add a div with a class name containing .el-form-items to make the form items appear on the same line, which
will automatically add a 30px gap between them.
Sticky Form Items
Add a div with a class name containing sticky and el-form-items to make it stick
to others.
Validation
Form component allows you to verify your data, helping you find and correct errors. Just add the rules attribute for
Form component, pass validation rules, and set prop attribute for FormItem as a specific key that needs to be validated. See more
information at async-validator.
-
Online activities
Promotion activities
Offline activities
Simple brand exposure
Sponsorship
Venue
Sizes
All components in a Form inherit their size attribute from that Form. Similarly, FormItem also has a size attribute. Still you can fine tune
each component's size if you don't want that component to inherit its size from From or FormItem.
default
large
medium
small
mini
Left
Right
Top
-
Online activities
Promotion activities
Sponsor
Venue