HTML 表单 - 对齐问题

Question

如何制作带有背景颜色的表格？使用表格？

而且我似乎无法将文本排到每个文本区域的第一行？

编辑: 澄清一下，这是我的代码:

Summary: <textarea rows="1" cols="50"> </textarea><br/><br/>

Answer 1

改变窗体的背景颜色非常简单。使用 CSS 和唯一 ID，将样式应用于表单:

<form id="myForm"></form>

使用 CSS

#myForm {
    background-color: your-color-of choice;
}

事实上，您甚至不必使用 ID，但如果您要拥有多个表单且每个表单都需要独特的样式，那么建议您使用 ID。否则，您可以像这样在 CSS 中引用表单元素:form { background-color: your-color-of choice; }

就将文本与文本区域对齐而言，您可以使用纯 CSS、div 或表格。但我认为你应该单独询问这个问题，因为它完全是另一个范围。在 SO 上进行一些研究并搜索有关对齐的其他问题，以查看哪种方法最适合您。

不过，为了给你一个想法，试试这个:

<form id="myForm">
<label for="myTextArea">Summary</label>
<textarea id="myTextArea"></textarea>
</form>

在 CSS 中

#myForm {
    width:500px
}

#myForm label {
    float:left;
    display:block;
    width:150px;
}

#myForm textarea  {
    float:left;
    width:200px;
}

我不建议您完全按照这种方式进行，但这应该给您一个开始。