Datastar_Meetup/hypermedia/1-example/display-record1.html
2025-10-31 14:26:17 +01:00

40 lines
1.5 KiB
HTML

<article id="record1">
<header>
<h3>Leanne Graham</h3>
<p>@Bret</p>
</header>
<form inert>
<div class="form-group">
<label for="email1">Email</label>
<input type="email" id="email1" value="Sincere@april.biz" >
</div>
<div class="form-group">
<label for="phone1">Phone</label>
<input type="tel" id="phone1" value="1-770-736-8031 x56442" >
</div>
<div class="form-group">
<label for="website1">Website</label>
<input type="text" id="website1" value="hildegard.org" >
</div>
<div class="form-group">
<label for="address1">Address</label>
<input type="text" id="address1" value="Apt. 556, Kulas Light" >
</div>
<div class="form-group">
<label for="city1">City</label>
<input type="text" id="city1" value="Gwenborough, 92998-3874" >
</div>
<div class="form-group">
<label for="company1">Company</label>
<input type="text" id="company1" value="Romaguera-Crona" >
</div>
<div class="form-group">
<label for="catchphrase1">Catchphrase</label>
<input type="text" id="catchphrase1" value="Multi-layered client-server neural-net" >
</div>
</form>
<footer class="grid">
<button class="primary" data-on:click="@get('edit-record1.html')">Edit</button>
<button class="secondary" data-on:click="@get('deleted-record1.html')">Delete</button>
</footer>
</article>