host/paulnicoue
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add ID attribute to contact form fields

Browse source
This commit is contained in:
Paul Nicoué 2023-02-14 16:15:38 +01:00
parent 61660e4a9c
commit cb9af4fc15
1 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

8
components/ContactForm.vue
View file

@ -3,28 +3,28 @@
<VeeForm class="contact-form" @submit="sendEmail" :validation-schema="contactFormSchema">
<div class="contact-form__name">
<label for="name">Nom</label>
<VeeField name="name" />
<VeeField id="name" name="name" />
<Transition name="fade-in-expand-height">
<VeeError name="name" as="p" />
</Transition>
</div>
<div class="contact-form__email">
<label for="email">Adresse e-mail</label>
<VeeField name="email" />
<VeeField id="email" name="email" />
<Transition name="fade-in-expand-height">
<VeeError name="email" as="p" />
</Transition>
</div>
<div class="contact-form__subject">
<label for="subject">Sujet</label>
<VeeField name="subject" />
<VeeField id="subject" name="subject" />
<Transition name="fade-in-expand-height">
<VeeError name="subject" as="p" />
</Transition>
</div>
<div class="contact-form__message">
<label for="message">Message</label>
<VeeField name="message" as="textarea" />
<VeeField id="message" name="message" as="textarea" />
<Transition name="fade-in-expand-height">
<VeeError name="message" as="p" />
</Transition>