<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')
Run Pen

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