<div id="app">
  <form>
    <label for="address1">Address</label><br /><input v-model="address1" name="address" placeholder="Address 1"><br />
    <label for="apartment">Address Line 2</label><br /><input v-model="address2" name="apartment" placeholder="Apartment"><br />
    <label for="city">City</label><br /><input v-model="city" name="city" placeholder="City"><br />
    <label for="state">State</label><br /><input v-model="state" name="state" placeholder="State"><br />
    <label for="postal-code">Zip</label><br /><input v-model="zip" name="postal-code" placeholder="Zip">
  </form>
</div>
input{width:30%;}
const { createApp } = Vue

createApp({
  data() {
    return {
      address1: '841 N Broadway St',
      address2: 'Unit 501',
      city: 'Milwaukee',
      state: 'Wisconsin',
      zip: '53202'
    }
  }
}).mount('#app')

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/vue/3.2.37/vue.global.prod.min.js