mirror of
https://github.com/garrytan/gstack.git
synced 2026-05-02 11:45:20 +02:00
Garry Tan
56 lines
1.5 KiB
HTML
56 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Snapshot Test Page</title>
|
|
<style>
|
|
body { font-family: sans-serif; padding: 20px; }
|
|
form { margin: 10px 0; }
|
|
input, select, button { margin: 5px; padding: 5px; }
|
|
#main { border: 1px solid #ccc; padding: 10px; }
|
|
.empty-div { }
|
|
.hidden { display: none; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>Snapshot Test</h1>
|
|
<h2>Subheading</h2>
|
|
|
|
<nav>
|
|
<a href="/page1">Internal Link</a>
|
|
<a href="https://external.com">External Link</a>
|
|
</nav>
|
|
|
|
<div id="main">
|
|
<h3>Form Section</h3>
|
|
<form id="test-form">
|
|
<input type="text" id="username" placeholder="Username" aria-label="Username">
|
|
<input type="email" id="email" placeholder="Email" aria-label="Email">
|
|
<input type="password" id="pass" placeholder="Password" aria-label="Password">
|
|
<label><input type="checkbox" id="agree"> I agree</label>
|
|
<select id="role" aria-label="Role">
|
|
<option value="">Choose...</option>
|
|
<option value="admin">Admin</option>
|
|
<option value="user">User</option>
|
|
</select>
|
|
<button type="submit" id="submit-btn">Submit</button>
|
|
<button type="button" id="cancel-btn">Cancel</button>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="empty-div">
|
|
<div class="empty-div">
|
|
<button id="nested-btn">Nested Button</button>
|
|
</div>
|
|
</div>
|
|
|
|
<p>Some paragraph text that is not interactive.</p>
|
|
|
|
<script>
|
|
document.getElementById('test-form').addEventListener('submit', (e) => {
|
|
e.preventDefault();
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|