HTML表格与表单详解：表格模型与控件应用

"本文档介绍了HTML5中的文本域控件以及表格和表单的相关知识，特别是如何创建和使用文本区域。" 在HTML5中，文本域控件（`<textarea>`）用于用户输入多行文本，例如评论、备注或其他长文本。在提供的描述中，创建了一个高度为5行、宽度为20字符的文本区域，其代码如下： ```html <textarea name="memory" cols="20" rows="5">请输入</textarea> ``` `name`属性用于标识该文本域，方便在服务器端处理数据；`cols`定义了每行的字符数，`rows`指定了文本域的行数。默认情况下，文本域显示为空，用户可以输入任意文本。 接下来，文档转向了HTML表格的讨论。表格是组织结构化信息的有效方式，由单元格（`<td>`或`<th>`）按行（`<tr>`）和列排列组成。表格模型包括以下元素： 1. `<table>`：表格元素，包含表格的所有内容，如标题、行分组、列分组等。 2. `<caption>`：表格标题，显示在表格上方。 3. `<col>`和`<colgroup>`：用于定义列的样式或分组列。 4. `<thead>`：表头行分组，通常包含表头单元格`<th>`。 5. `<tbody>`：表主体行分组，包含表格的主要数据。 6. `<tfoot>`：表尾行分组，常用于总结性数据。 7. `<tr>`：行元素，包含单元格`<td>`或`<th>`。 8. `<td>`：单元格元素，存储表格数据。 9. `<th>`：表头单元格，通常用粗体显示，用于列标题。 表格的样式可以设置在不同层次，从整个表格、行、列到单个单元格。`<table>`、`<tr>`和`<td>`等元素都有各自的属性来控制布局和样式。例如，`<tr>`的`align`属性用于设置行内单元格的水平对齐方式，`valign`属性则控制单元格内容的垂直对齐。 对于`<td>`单元格，同样有`align`和`valign`属性，可以调整单元格内容的对齐方式。此外，还有一些通用属性，如`id`、`class`、`lang`、`title`和`style`，用于标识、分类、本地化、提示和自定义样式。 表单是HTML中另一个重要的元素，用于收集用户输入。表单包含各种输入控件，如`<input>`、`<textarea>`、`<select>`和`<option>`。这些元素通过`<form>`标签组合在一起，并通过`action`和`method`属性定义提交数据的URL和方式。例如： ```html <form action="submit.php" method="post"> <label for="memory">记忆：</label> <textarea id="memory" name="memory" cols="20" rows="5"></textarea> <input type="submit" value="提交"> </form> ``` 在这个例子中，用户在文本域输入后，点击“提交”按钮，数据将以POST方式发送到`submit.php`处理。 HTML5中的文本域控件和表格、表单元素为网页提供了丰富的用户交互和数据组织功能，是构建动态和功能丰富的网页不可或缺的部分。