itsscb/htmx
1
0
Fork 0
mirror of https://github.com/bigskysoftware/htmx.git synced 2025-11-04 07:24:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add documentation for multiple CSS selectors in hx-disabled-elt (#2421)

Browse Source 
This update clarifies the hx-disabled-elt attribute's ability to accept multiple CSS selectors, separated by commas, enabling developers to disable multiple elements simultaneously during an HTTP request.
This commit is contained in:
eduardolat 2024-03-21 15:25:49 -06:00 committed by GitHub
parent 8318d9af67
commit c43d48163f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
www/content/attributes/hx-disabled-elt.md
View File

@ -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), 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. 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 ## Notes
* `hx-disable-elt` is inherited and can be placed on a parent element * `hx-disable-elt` is inherited and can be placed on a parent element