通过HTML对齐文本框

这是我的代码：

Classroom name:                

正如您可能猜到的,此代码显示一些文本,然后在此文本后面有一些文本框.

我的问题是：我想要对齐所有的texBox,以便它们对齐.我在文本后添加了空格,但文本框只是在文本后面直接显示,忽略了我输入的空格.这样做的最佳,最有效的方法是什么？也许一张桌子？

谢谢

最佳答案

通常你会用css为你做这件事.在你的css文件中添加：

label{
display:inline-block;
width:200px;
margin-right:30px;
text-align:right;
}

input{

}

fieldset{
border:none;
width:500px;
margin:0px auto;
}

然后在html中,您可以在文本框旁边设置标签：

在css文件中,margin-right：30px; line告诉它放置标签和文本框的距离

设置字段集宽度基本上创建了一个圆形框,如果你需要更大的标签,你可以设置它的宽度.

希望有所帮助.

马丁