mirror of
https://github.com/bigskysoftware/htmx.git
synced 2025-09-28 21:41:40 +00:00
38 lines
811 B
HTML
38 lines
811 B
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>HTMx Scratch File</title>
|
|
<script src="../src/htmx.js"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<h1>Scratch Page</h1>
|
|
|
|
<div>
|
|
<button hx-get="foo.html">Trigger</button>
|
|
</div>
|
|
|
|
<div>
|
|
<button hx-get="foo.html" hx-target="#bar">Trigger 2</button><span id="bar">Bar</span>
|
|
</div>
|
|
|
|
<div>
|
|
<button hx-get="foo.html" hx-target="#bar2" hx-swap="append">Trigger 3</button><span id="bar2">Bar</span>
|
|
</div>
|
|
|
|
<div>
|
|
<button hx-get="foo.html" hx-target="#bar3" hx-swap="prepend">Trigger b</button><span id="bar3">Bar</span>
|
|
</div>
|
|
|
|
<div>
|
|
<button hx-get="foo.html" hx-swap="outerHTML">Trigger 4</button>
|
|
</div>
|
|
|
|
<form hx-post="/foo">
|
|
<input name="bar" type="text"/>
|
|
<input name="do" type="submit" value="foo"/>
|
|
</form>
|
|
|
|
</body>
|
|
</html> |