css 表单默认设置为相同的垂直区域或我如何调整我的表单?

r3i60tvu  于 2022-12-01  发布在  其他
关注(0)|答案(1)|浏览(123)
<form action="......@gmail.com" method="get">
    <label for="fname">First Name: </label>
    <input type="text" id="fname" name="fname"><br><br>
    <label for="surname">Surname:</label>
    <input type="surname" id="surname" name="surname"><br><br>
    <label for="email">E-mail:</label>
    <input type="text" id="email" name="email"><br><br>
    <input type="submit" value="Submit">
</form>

我想添加一些空格之间的类型框和姓氏,名字,但我也希望出现相同的垂直线。我使它的代码,这是显得奇怪。我怎样才能创建形式不同的方式和更专业,你能给我一些基本的线索,建议或技巧?谢谢你的帮助。(顺便说一句,我是初学者在html和css)

t9aqgxwy

t9aqgxwy1#

您可以使用:

<form action="......@gmail.com" method="get">
  <p><label for="fname">First Name: </label>
  <input type="text" id="fname" name="fname"></p>
  <p><label for="surname">Surname:</label>
  <input type="surname" id="surname" name="surname"></p>
  <p><label for="email">E-mail:</label>
  <input type="text" id="email" name="email"></p>
  <input type="submit" value="Submit">
</form>
<style>
  p { padding: 0; margin: 0; margin-bottom: 4px; }
</style>

根据您的喜好调整margin-bottom

相关问题