maciejpedzich/cats-album
1
0
Fork 0
mirror of https://github.com/maciejpedzich/cats-album.git synced 2024-11-27 14:25:47 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Ensure all input fields have ids matching labels

Browse Source
This commit is contained in:
Maciej Pędzich 2023-09-06 00:57:41 +02:00
parent c1bca9f272
commit 15a173c8c9
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/pages/submit.astro
View File

@ -44,31 +44,31 @@ import BaseLayout from '../layouts/BaseLayout.astro';
>
<div>
<label for="name">Cat's name</label>
<input type="text" name="name" required maxlength="25" />
<input type="text" id="name" name="name" required maxlength="25" />
<small>Maximum length: 25 characters</small>
</div>
<div>
<label for="photo">Cat's photo</label>
<input type="file" name="photo" required accept="image/*" />
<input type="file" id="photo" name="photo" required accept="image/*" />
</div>
<div>
<label for="description">Cat's description (optional)</label>
<textarea name="description" maxlength="300"></textarea>
<textarea id="description" name="description" maxlength="300"></textarea>
<small>
Some ideas: nicknames, age, breed(s), where you adopted this cat
</small>
</div>
<div>
<label for="passedAway">Check this box if your cat has passed away</label>
<input type="checkbox" name="passedAway" />
<input type="checkbox" id="passedAway" name="passedAway" />
</div>
<div>
<label for="name">Owner's name</label>
<input type="text" name="ownerName" required />
<label for="ownerName">Owner's name</label>
<input type="text" id="ownerName" name="ownerName" required />
</div>
<div>
<label for="name">Owner's link (optional)</label>
<input type="url" name="ownerLink" />
<label for="ownerLink">Owner's link (optional)</label>
<input type="url" id="ownerLink" name="ownerLink" />
<small>Link to your website or a social media account</small>
</div>
<input type="hidden" name="_imascriptkiddie" />