diff options
Diffstat (limited to 'www/content/attributes/hx-disabled-elt.md')
| -rw-r--r-- | www/content/attributes/hx-disabled-elt.md | 9 |
1 files changed, 9 insertions, 0 deletions
diff --git a/www/content/attributes/hx-disabled-elt.md b/www/content/attributes/hx-disabled-elt.md index 0b3e6afd..bc9faf93 100644 --- a/www/content/attributes/hx-disabled-elt.md +++ b/www/content/attributes/hx-disabled-elt.md @@ -21,6 +21,15 @@ Here is an example with a button that will disable itself during a request: When a request is in flight, this will cause the button to be marked with [the `disabled` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled), which will prevent further clicks from occurring. +The `hx-disabled-elt` attribute also supports specifying multiple CSS selectors separated by commas to disable multiple elements during the request. Here is an example that disables a button and a text input field during the request: + +```html +<form hx-post="/example" hx-disabled-elt="input[type='text'], button"> + <input type="text" placeholder="Type here..."> + <button type="submit">Send</button> +</form> +``` + ## Notes * `hx-disable-elt` is inherited and can be placed on a parent element |