Conditional webform: Yes no, if yes extra data

Question

How would you design this?

• Last tetanus vaccination: [YES][Then they fill in the year] - [NO]

Or more something like this:

---

Do you have an example how to design this? Thank you!

Demian

Answer 1

Use radio buttons to have them make a choice, and leave them an option to claim they've never had one.

You can default to the top choice, so they can just enter the year. The fields in your mock are quite wide for just 4 digits, so you can use the width of the field as an affordance for how many digits.

^{download bmml source – Wireframes created with Balsamiq Mockups}