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>
<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('display-record1.html')">Save</button>
<button class="secondary" data-on:click="@get('display-record1.html')">Cancel</button>
</footer>
</article>