Field Component: Feature and Functionality Demo Examples
Category: ExamplesA form field container is the basic unit that makes up a complete form. Within a form field container, child elements may include native elements like input, custom form field components, form validation modules, a left-side label header, right-side help elements, and alert elements below.
Native Form Field Container Sizes and Types
Demonstrating through an example all variations of native form field containers (including input, range, checkbox, radio, select, textarea, etc.) across different sizes and types.
Note: Since embed mode only works for single-line inputs and multi-line textareas, it won't be demonstrated here.
Custom Form Field Sizes and Types
Demonstrating through an example all variations of custom form field containers (including input, range, checkbox, radio, select, textarea, upload, rate, datetime, etc.) across different sizes and types.
Operations for type=embed
Demonstrates operations for type=embed through an example, including modifying size and flexible attributes. Primarily supports single-line and multi-line text fields.
Note: Custom form fields come with built-in label properties, so the _field-label node is not required.
Using Icons
You can add indicator icons or images to the left _field-label tag. Elements with icon- class names and img tags will be automatically recognized.
Special support is provided for images with rep=disk, rep=cube, and rep=cube attributes, as well as icons with rep=icon.
