TUT/test_form.html
m1ngsama 7e55ade793 feat: Add interactive form text input editing
- Add FORM_EDIT input mode for editing text fields
- Add actions: NEXT_FIELD, PREV_FIELD, EDIT_TEXT, ACTIVATE_FIELD
- Support 'i' key to focus first form field
- Tab/Shift+Tab to navigate between fields
- Enter on text input fields to edit them
- Real-time text editing with live preview
- Enter/Esc to exit edit mode
- Checkbox toggle support (press Enter on checkbox)
- Status bar shows "-- INSERT --" mode and current text
- Form fields highlighted when active

Keyboard shortcuts:
- i: Focus first form field
- Tab: Next field
- Shift+Tab: Previous field
- Enter: Activate/edit field or toggle checkbox
- Esc: Exit edit mode
2025-12-27 23:52:36 +08:00

24 lines
730 B
HTML

<!DOCTYPE html>
<html>
<head>
<title>Form Test</title>
</head>
<body>
<h1>Test Form</h1>
<form action="/submit" method="POST">
<p>Name: <input type="text" name="name" placeholder="Enter your name"></p>
<p>Email: <input type="text" name="email" placeholder="email@example.com"></p>
<p>Password: <input type="password" name="password"></p>
<p><input type="checkbox" name="subscribe"> Subscribe to newsletter</p>
<p><input type="checkbox" name="agree"> I agree to terms</p>
<p><input type="submit" value="Submit Form"></p>
<p><button>Click Me</button></p>
</form>
<h2>Links</h2>
<p><a href="https://example.com">Example Link</a></p>
</body>
</html>