Datastar_Meetup/hypermedia/1-example/display-record3.html
2025-10-31 14:26:17 +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>