You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
11 lines
594 B
11 lines
594 B
2 years ago
|
This demonstrates how to use the `FormField` component to construct forms with nicer error messages. There are a lot of things you need to do for nice error messages on forms, and `FormField` handles most of them. You need to set variables for it, then place your input inside:
|
||
|
|
||
|
```
|
||
|
<FormField form={ form } field="subscribe" label="Want Notifications?">
|
||
|
<input type="checkbox" id="subscribe" name="subscribe" bind:checked={ form.subscribe }>
|
||
|
</FormField>
|
||
|
```
|
||
|
|
||
|
All of the input fields work mostly the same but with Svelte you need to use `bind:checked={
|
||
|
variable }` instead of `bind:value`.
|