小编luc*_*hxo的帖子

如何使<label>和<input>出现在HTML表单的同一行?

我正在为网站创建一个注册表单.我希望每个标签及其相应的输入元素出现在同一行.

这是我的代码:

HTML

<div id="form">

 <form action="" method="post" name="registration" class="register">

  <fieldset>

   <label for="Student"> Name: </label>
   <input name="Student" />
   <label for="Matric_no"> Matric number: </label>
   <input name="Matric_no" />
   <label for="Email"> Email: </label>
   <input name="Email" />
   <label for="Username"> Username: </label>
   <input name="Username" />
   <label for="Password"> Password: </label>
   <input name="Password" type="password" />

   <input name="regbutton" type="button" class="button" value="Register" />
  </fieldset>

 </form>
</div> 
Run Code Online (Sandbox Code Playgroud)

CSS

#form {
 background-color: #FFF;
 height: 600px;
 width: 600px;
 margin-right: auto;
 margin-left: auto;
 margin-top: 0px;
 border-top-left-radius: 10px;
 border-top-right-radius: 10px;
 padding: 0px;
}

label …
Run Code Online (Sandbox Code Playgroud)

html css forms

75
推荐指数
7
解决办法
25万
查看次数

标签 统计

css ×1

forms ×1

html ×1