fix: added an id attribute to the input

[gregmsanderson]

🔗 Linked issue

#1

❓ Type of change

• 📖 Documentation (updates to the documentation, readme or JSdoc annotations)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality like performance)
• ✨ New feature (a non-breaking change that adds functionality)
• 🧹 Chore (updates to the build process or auxiliary tools and libraries)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

The input's label has the for attribute, specifying an element ID. However the input element does not have that ID. As such, clicking the label does not move focus to the form element. Adding the ID should resolve that.

This should resolve #1

You will need to check it is correct: you appear to use this same approach for other elements and so it should work.

📝 Checklist

• I have linked an issue or discussion.
• I have updated the documentation accordingly.

[raymondmuller]

Thanks @gregmsanderson, appreciate that!