HTML表格与表单：单选按钮详解及表格模型

"单选按钮-H5表格、表单、框架" 单选按钮是HTML中用于创建用户界面的一个重要元素，其类型为`type="radio"`。它的主要作用是提供一组互斥的选择项，用户只能从这些选项中选择一个。单选按钮的`value`属性用于指定当用户选择该按钮时，提交到服务器的值。例如，在描述中的例子中，用户可以选择"上午"、"下午"或"晚上"，如果选中了某个单选按钮，对应的`value`值就会被发送。 要使单选按钮在页面加载时默认选中，可以使用`checked`属性。如 `<input type="radio" name="radiobutton" checked value="am">`，这将使"上午"的选项在页面加载时处于选中状态。 值得注意的是，为了让多个单选按钮形成一组互斥的选择，它们需要有相同的`name`属性。例如，性别选择的两个单选按钮，`<input type="radio" name="sex" value="male">`和`<input type="radio" name="sex" value="female">`，由于具有相同的`name`属性，所以用户在同一时间只能选择男性或女性，不能同时选择。 接下来我们转向H5表格的相关内容。表格在HTML中用于展示结构化数据，通过`<table>`元素来定义一个表格。表格的基本结构包括`<tr>`（行）、`<td>`（单元格）和`<th>`（表头单元格）。`<table>`元素还可以包含`<caption>`（表格标题）、`<col>`（列）、`<colgroup>`（列分组）、`<thead>`（表头行分组）、`<tbody>`（表主体行分组）和`<tfoot>`（表尾行分组）等元素，以实现更复杂的布局和样式控制。 `<tr>`元素定义表格的一行，可以包含`<td>`或`<th>`元素。`<td>`元素用于存放表格数据，而`<th>`元素则用于表示表头，通常用于展示列标题。`<tr>`元素可以设置`align`和`valign`属性，分别用于控制行内单元格的水平对齐和垂直对齐。 `<td>`元素同样可以设置`align`和`valign`属性，以及通用属性如`id`、`class`等，用于进一步定制单元格的样式和行为。例如，`align`属性可以设置单元格内容的水平对齐方式，包括`right`（右对齐）、`left`（左对齐）、`center`（居中对齐）、`justify`（两端对齐）和`char`（字符对齐）；`valign`属性则决定单元格内容的垂直对齐，可选值有`top`（顶部对齐）、`middle`（中部对齐）、`bottom`（底部对齐）和`baseline`（基线对齐）。 总结来说，单选按钮是HTML表单中的关键组件，用于限制用户只能从一组选项中选择一项。而H5表格提供了丰富的元素和属性来组织和格式化结构化数据，如通过`<tr>`、`<td>`和`<th>`元素构建表格结构，并通过`align`和`valign`属性控制单元格的对齐方式，从而实现灵活多样的表格设计。