I'm a selftaught (web) developer. On sunny days, you can find me hiking through the Teutoburg Forest, on rainy days coding or with a good fiction novel in hand.
I also noticed a few practices about your HTML you could improve:
Avoid using , if possible. Also, avoid tables for positioning, Use CSS for either case.
Consider contrasting. Use white / grey'ish body backgrounds rather than bright ones such as aquamarin
About your JS, you might want to consider wrapping everything inside an anonymous function. In here, you can assign document.forms[formname] once and reuse the variable
I've gone ahead and made some other (opinionated) changes to your codepen. I haven't gone all the way with the dynamic listing, but perhaps it helps.
Hi Mahilan,
I've taken some time to go through your form. Here's a few things I noticed:
aria-describedby
to highlight the element that describes the errordocument.forms[formname]
once and reuse the variableI've gone ahead and made some other (opinionated) changes to your codepen. I haven't gone all the way with the dynamic listing, but perhaps it helps.
Here's the link: codepen.io/EarthenLynx/pen/QWqGGqZ