Position A form in a table

When using forms, we often fail to align the following expressions due to the different width of the preceding prompt text, as in the following case:

 

Name: Gender: Mobile Phone/fixed phone:

 

Name:

Gender:

Mobile phone/fixed phone:

 

Like me, you may have used the & nbsp; placeholder to align the form. As a front-end, the & nbsp; method is not recommended.

Using tables can easily solve the problem of form dislocation, and the browser compatibility is also good.

 

Gender: Mobile Phone/fixed phone:

 

Gender:
Gender:
Mobile phone/fixed phone:

 

The purpose is to describe the principles. Ignore the style ^