41 lines
1.6 KiB
HTML
41 lines
1.6 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="confirm('Are you sure?') && @get('deleted-record1.html')">Delete</button>
|
|
</footer>
|
|
</article>
|