<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')
This Pen doesn't use any external CSS resources.