表格和表单
来源：互联网 发布：淘宝开店必须用电脑吗 编辑：程序博客网 时间：2024/06/17 20:01
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--
格式标签
cellspacing: 单元格与单元格之间的距离
cellpadding: 内容与单元格边框的距离
th标签: 表格列标题
td标签: 列内容
tr标签: 表格的行
行并列: colspan在要合并的标签使用.要删除下一个
列并列: rowspan要在合并的标签使用.要删除下一个
tr标签里面多余的列
-->
<table cellspacing="0px" cellpadding="20px" border="10px">
<tr>
<th>姓名</th>
<th>年龄</th>
<th>学号</th>
<th>成绩</th>
</tr>
<tr>
<td colspan="1">庄三</td>
<td rowspan="2">28</td>
<td >20160901</td>
<td>98</td>
</tr>
<tr>
<td >庄三</td>
<td >20160901</td>
<td>98</td>
</tr>
<table>
form表单标签:
<form action="">
单行文本:
<input />
<input type="text" name="" />
密码文本:
<input type="password" placeholder="你想输入什么呢?" />
多行文本:
<textarea name="text" id="2" cols="20" rows="5"></textarea>
<hr/>
单选按钮:
<input type="radio" name="sex" />男
<input type="radio" name="sex" checked />女
<br />
多选按钮:
<input type="checkbox" name="fruit" checked />苹果
<input type="checkbox" name="fruit" />橘子
<input type="checkbox" name="fruit" />香蕉
<hr />
下拉列表:
<select name="编程语言" id="">
<option value="c++">c++</option>
<option value="c">c</option>
<option value="python" selected> python</option>
<option value="HTML">HTML</option>
注意:
input标签默认选择:checked
option标签默认选择: selected
</select>
</form>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--
格式标签
cellspacing: 单元格与单元格之间的距离
cellpadding: 内容与单元格边框的距离
th标签: 表格列标题
td标签: 列内容
tr标签: 表格的行
行并列: colspan在要合并的标签使用.要删除下一个
列并列: rowspan要在合并的标签使用.要删除下一个
tr标签里面多余的列
-->
<table cellspacing="0px" cellpadding="20px" border="10px">
<tr>
<th>姓名</th>
<th>年龄</th>
<th>学号</th>
<th>成绩</th>
</tr>
<tr>
<td colspan="1">庄三</td>
<td rowspan="2">28</td>
<td >20160901</td>
<td>98</td>
</tr>
<tr>
<td >庄三</td>
<td >20160901</td>
<td>98</td>
</tr>
<table>
form表单标签:
<form action="">
单行文本:
<input />
<input type="text" name="" />
密码文本:
<input type="password" placeholder="你想输入什么呢?" />
多行文本:
<textarea name="text" id="2" cols="20" rows="5"></textarea>
<hr/>
单选按钮:
<input type="radio" name="sex" />男
<input type="radio" name="sex" checked />女
<br />
多选按钮:
<input type="checkbox" name="fruit" checked />苹果
<input type="checkbox" name="fruit" />橘子
<input type="checkbox" name="fruit" />香蕉
<hr />
下拉列表:
<select name="编程语言" id="">
<option value="c++">c++</option>
<option value="c">c</option>
<option value="python" selected> python</option>
<option value="HTML">HTML</option>
注意:
input标签默认选择:checked
option标签默认选择: selected
</select>
</form>
</body>
</html>
阅读全文
0 0
- ASP表格和表单
- HTML表格和表单
- form表单和表格
- HTML表格和表单
- html-表格和表单
- HTML5表格和表单
- 表格和表单
- 表格和表单
- HTML5 表格和表单
- html的表格和表单
- Bootstrap3 之表格和表单
- HTML表格，表单和框架
- html 表格和表单知识点
- HTML中的表格和表单
- Html表单和表格例子
- 表格和表单、表单的基本结构、表单元素、表单的高级应用、表单语义化
- js动态生成表格和表单
- 对表单和表格的操作
- 工作原因需要学习单片机
- Google ARCore发布
- 度度熊找子串（百度2017秋招真题）--java
- React渲染问题研究以及Immutable的应用
- Apache-Commons包作用说明
- 表格和表单
- ConcurrentHashMap--未完成
- 盒子概念
- first neuron network
- Unity3D教你制作Bezier和Spine曲线编辑器一
- 矩阵乘法 矩阵快速幂
- 机器学习面试题整理(一)
- st表学习
- scu1778求多边形交面积
