Skip to content

Instantly share code, notes, and snippets.

@ShariqT
Created November 19, 2021 03:59
Show Gist options
  • Save ShariqT/507cd111706a863f2a1aaf1f87135646 to your computer and use it in GitHub Desktop.
Save ShariqT/507cd111706a863f2a1aaf1f87135646 to your computer and use it in GitHub Desktop.
AddressForm.vue
<template>
<form :id="formId">
<div class="form-field">
<label for="name">Name</label>
<input id="name" v-model="name" />
</div>
<div class="form-field">
<label for="firstLine">Address Line 1</label>
<input id="firstLine" v-model="address_line1" />
</div>
<div class="form-field">
<label for="secondLine">Address Line 2</label>
<input id="secondLine" v-model="address_line2" />
</div>
<div class="form-field">
<label for="city">City</label>
<input id="city" v-model="address_city" />
</div>
<div class="form-field">
<label for="state">State</label>
<input id="state" v-model="address_state" />
</div>
<div class="form-field">
<label for="zip">Zip Code</label>
<input id="zip" v-model="address_zip" />
</div>
</form>
</template>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment