spacing between form fields

Question

I have an HTML form element    lt form action  doit  id  doit  method  post  gt  Name  lt br  gt   lt input id  name  name  name  type  text    gt   lt br  gt  Phone number  lt br  gt   lt input id  phone  name  phone  type  text    gt   lt br  gt  Year  lt br  gt   lt input id  year  name  year  type  text    gt   lt br  gt   lt  form gt    I would like there to be a little more space between the fields  for example  between the lines    lt input id  name  name  name  type  text    gt   lt br  gt  and  Phone number  lt br  gt     and also between    lt input id  phone  name  phone  type  text    gt   lt br  gt  and Year  lt br  gt     How can I do it

User · Answer

A simple  amp nbsp  between input fields would do the job easily

User · Answer

In your CSS file   input   margin-bottom  10px

User · Answer

lt form gt                    lt div class  form-group  gt                   lt label for  nameLabel  gt Name lt  label gt                   lt input id  name  name  name  class  form-control  type  text    gt                lt  div gt               lt div class  form-group  gt                   lt label for  PhoneLabel  gt Phone lt  label gt                   lt input id  phone  name  phone  class  form-control  type  text    gt                lt  div gt               lt div class  form-group  gt                   lt label for  yearLabel  gt Year lt  label gt                   lt input id  year  name  year  class  form-control  type  text    gt               lt  div gt           lt  form gt

User · Answer

I would wrap your rows in labels   lt form action  doit  id  doit  method  post  gt       lt label gt          Name          lt input id  name  name  name  type  text    gt       lt  label gt       lt label gt          Phone number          lt input id  phone  name  phone  type  text    gt       lt  label gt       lt label gt          Year          lt input id  year  name  year  type  text    gt       lt  label gt   lt  form gt    And use  label  input       display  block     label       margin-bottom  20px      Don t use brs for spacing   Demo  http   jsfiddle net D8W2Q

[html] spacing between form fields

Examples related to html

Examples related to css

Examples related to forms