PHP源码案例--表格

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<table border="1" width="800" >
		<tr>
			<th colspan="2">form常用属性</th>
		</tr>
		<tr>
			<th>属性名</th>
			<th>描述</th>
		</tr>
		<tr>
			<td>name</td>
			<td>表示当前表单项的只的变量名,用于提供服务端获取本次提交的数据项</td>
		</tr>
		<tr>
			<td>value</td>
			<td>表示当前表单项的值,如果值在代码中提前设置了,则为默认值。</td>
		</tr>
		<tr>
			<td rowspan="3" > type</td>
			<td>type="text"表示input框的类型为文本框</td>
		</tr>
			<tr>

			
			<td>type="submit"表示input框的类型为提交按钮</td>
		</tr>
		<tr>
			
			<td>type="date"表示input框的类型为时间</td>
		</tr>

	</table>
</body>
</html>

这段HTML代码描述了一个基本的HTML文档结构,其中包含一个表格(table),用于展示"form常用属性"及其描述。以下是对代码的解释:

1. `<!DOCTYPE html>`:这是HTML5的文档类型声明,告诉浏览器使用HTML5标准来解析文档。

2. `<html lang="en">`:HTML文档的根元素,表示文档的开始。`lang="en"`属性指定文档的语言为英语。

3. `<head>`:文档的头部,通常包含关于文档的元信息,如字符集、标题等。

   - `<meta charset="UTF-8">`:设置文档的字符集为UTF-8,支持多语言字符集。
   - `<title>Document</title>`:设置文档的标题为"Document"。

4. `<body>`:文档的主体部分,包含页面的实际内容。

5. `<table border="1" width="800">`:创建一个表格,设置表格边框宽度为1像素,宽度为800像素。

   - `<tr>`:定义表格的行。
   - `<th colspan="2">form常用属性</th>`:表头单元格,跨足两列,显示文字"form常用属性"。
   - `<th>属性名</th>`和`<th>描述</th>`:表头的两个单元格,分别显示"属性名"和"描述"。
   - `<td>name</td>`和`<td>表示当前表单项的只的变量名,用于提供服务端获取本次提交的数据项</td>`:表格中的一行,第一列显示"属性名"为"name",第二列显示描述信息。
   - 类似的,有其他行分别表示"属性名"为"value"、"type"的不同取值时的描述信息。

6. `<td rowspan="3">type</td>`:定义一个单元格,跨足三行,显示"属性名"为"type"。

   - `<td>type="text"表示input框的类型为文本框</td>`:第一行的第二列显示描述信息。
   - `<td>type="submit"表示input框的类型为提交按钮</td>`:第二行的第二列显示描述信息。
   - `<td>type="date"表示input框的类型为时间</td>`:第三行的第二列显示描述信息。

整体而言,该HTML代码通过表格的形式展示了一些HTML表单元素的常用属性及其描述。

  • 8
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值