diff options
| author | Yawar Amin <yawar.amin@gmail.com> | 2025-04-20 04:52:08 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-04-20 10:52:08 +0200 |
| commit | 4d16626cf478b17984121e5c67ec291ee19e9641 (patch) | |
| tree | aa4331ba9583255092a543561e849ef26d5d1806 | |
| parent | bc7a6b8c5521e8f26c4a323ac709bb5d7aca55d1 (diff) | |
| download | htmx-4d16626cf478b17984121e5c67ec291ee19e9641.tar.gz htmx-4d16626cf478b17984121e5c67ec291ee19e9641.zip | |
Adjust examples (#3280)
Autofocus when editing, and update text to match example code.
| -rw-r--r-- | www/content/examples/bulk-update.md | 2 | ||||
| -rw-r--r-- | www/content/examples/edit-row.md | 4 |
2 files changed, 3 insertions, 3 deletions
diff --git a/www/content/examples/bulk-update.md b/www/content/examples/bulk-update.md index 5a503e82..ea8cae73 100644 --- a/www/content/examples/bulk-update.md +++ b/www/content/examples/bulk-update.md @@ -30,7 +30,7 @@ values in the form submission (`POST` request): </tbody> </table> <input type="submit" value="Bulk Update" class="btn primary"> - <span id="toast"></span> + <output id="toast"></output> </form> ``` diff --git a/www/content/examples/edit-row.md b/www/content/examples/edit-row.md index 6ad724aa..e0dbb8d2 100644 --- a/www/content/examples/edit-row.md +++ b/www/content/examples/edit-row.md @@ -71,7 +71,7 @@ Finally, here is what the row looks like when the data is being edited: ```html <tr hx-trigger='cancel' class='editing' hx-get="/contact/${contact.id}"> - <td><input name='name' value='${contact.name}'></td> + <td><input autofocus name='name' value='${contact.name}'></td> <td><input name='email' value='${contact.email}'></td> <td> <button class="btn danger" hx-get="/contact/${contact.id}"> @@ -183,7 +183,7 @@ this makes things a bit nicer to deal with. function editTemplate(contact) { return `<tr hx-trigger='cancel' class='editing' hx-get="/contact/${contact.id}"> - <td><input name='name' value='${contact.name}'</td> + <td><input autofocus name='name' value='${contact.name}'</td> <td><input name='email' value='${contact.email}'</td> <td> <button class="btn danger" hx-get="/contact/${contact.id}"> |