Datastar_Meetup/hypermedia/1-example/display-record3.html
2025-10-31 19:03:08 +01:00

40 lines
1.5 KiB
HTML

<article id="record3">
<header>
<h3>Clementine Bauch</h3>
<p>@Samantha</p>
</header>
<form inert>
<div class="form-group">
<label for="email3">Email</label>
<input type="email" id="email3" value="Nathan@yesenia.net">
</div>
<div class="form-group">
<label for="phone3">Phone</label>
<input type="tel" id="phone3" value="1-463-123-4447">
</div>
<div class="form-group">
<label for="website3">Website</label>
<input type="text" id="website3" value="ramiro.info">
</div>
<div class="form-group">
<label for="address3">Address</label>
<input type="text" id="address3" value="Suite 847, Douglas Extension">
</div>
<div class="form-group">
<label for="city3">City</label>
<input type="text" id="city3" value="McKenziehaven, 59590-4157">
</div>
<div class="form-group">
<label for="company3">Company</label>
<input type="text" id="company3" value="Romaguera-Jacobson">
</div>
<div class="form-group">
<label for="catchphrase3">Catchphrase</label>
<input type="text" id="catchphrase3" value="Face to face bifurcated interface">
</div>
</form>
<footer class="grid">
<button class="primary" data-on:click="@get('edit-record3.html')">Edit</button>
<button class="secondary" data-on:click="@get('deleted-record3.html')">Delete</button>
</footer>
</article>