Survey Form :)p

I have completed my project: Survey form. Your suggestion and feedback are highly appreciable. :relaxed: https://codepen.io/isabellecrispim/pen/YzNWOPq

New version: https://codepen.io/isabellecrispim/pen/YzNWOPq.

Your page is good @IsabelleCrispim :+1:

Thanks!!! :smiley: I really appreciate it.

Your form looks good @IsabelleCrispim. Some things to revisit;

  • Run your HTML code through the W3C validator.
    • There are HTML syntax/coding errors you should be aware of and address.
    • Since copy/paste from codepen you can ignore the first warning and first two errors.
  • User’s should be able to click on the label to toggle a selection, not just the radio button / checkbox
  • Make your page responsive. Remember, the R in RWD stands for Responsive
    • There’s a horizontal scrollbar on smaller screens

Looks pretty good.

I would make the submit button a little bit larger (I know it’s a Bootstrap sized button) and make its position more consistent with the rest of the layout.

Example:

<div class="row">
  <div class="col d-flex justify-content-end mt-4">
    <button type="submit" class=" send-btn btn btn-primary btn-lg px-4" id="submit">Send</button>
  </div>
</div>

Thanks for explaining this to me! I did some modifications. Would you mind helping me with this new version? https://codepen.io/isabellecrispim/pen/YzNWOPq

Thank you for the kind feedback!

It’s looking a lot better @IsabelleCrispim. Good job cleaning things up.

One thing I noticed is you have three distinct groups of radio buttons yet the name attribute has the same value across the three.
Revisit this lesson and see why you’d want to have different values so that each radio button group will be unique.
Note also that each of your radio buttons has “checked” by default but since they all share the same value for the name attribute only one button shows as selected.
Also in each group, since they are radio buttons, only one can be selected so it will always be the last one. Is this what you want?

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.