首先呢，是关于表格
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<!--
table标签：表格标签，标签中包含tr标签、td标签
border属性：设置边框的粗细
cellspacing属性：设置单元格与单元格之间、单元格与表格边框之间的距离，一般设置为0
cellpadding属性：设置单元格中的内容与边框之间的距离
width属性：设置表格的宽度
height属性：设置表格的高度
align属性：设置表格在页面中的对齐方式，常用之left（左对齐，默认对齐方式）、center（居中对齐）、right（右对齐）
tr标签：行标签，需要写在table标签内
align属性：设置当前行里的内容对齐方式，常用之left（左对齐，默认对齐方式）、center（居中对齐）、right（右对齐）
td标签：单元格标签，需要写在tr标签内
align属性：设置当前单元格里的内容对齐方式，常用之left（左对齐，默认对齐方式）、center（居中对齐）、right（右对齐）
-->
<table border="lpx" cellspacing="0" cellpadding="20px" width="500px" height="300px" align="center">
<!-- 第一行 -->
<tr>
<th>1-1</th>
<th>1-2</th>
<th>1-3</th>
</tr>
<!-- 第二行 -->
<tr>
<td align="right">2-1</td>
<td>2-2</td>
<td>2-3</td>
</tr>
<!-- 第三行 -->
<tr align="right">
<td>3-1</td>
<td>3-2</td>
<td>3-3</td>
</tr>
<!-- 第四行 -->
<tr>
<td>4-1</td>
<td>4-2</td>
<td>4-3</td>
</tr>
</table>
</body>
</html>这里是表单
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<!--
form标签：表单标签
method属性：设置表单内容提交方式，常用之有get和post，其中post提交方式比get提交方式安全
action属性：设置表单内容处理程序
input标签：输入标签，通过type属性类设置不同的输入类型
type属性：设置input标签的输入类型，常用值有：
text：文本框
password：密码框，输入内容不会以明文的方式显示
radio：单选按钮，需要通过在input标签中写name属性来实现单选效果，可以在该input标签内写checked="checked"属性实现默认选择
checkbox：复选框,可以在该input标签内写checked="checked"属性实现默认选择
file:文件域，可以来选择电脑上的文件
reset:重置按钮，点击该按钮，会将表单恢复到初始状态
submit：提交按钮，点击该按钮，将表单的内容提交到action属性指向的位置
image：图像提交按钮，功能与submit类似
button：普通按钮，一般结合JavaScript一起使用
select标签：下拉列表标签。下拉内容通过option标签来设置
option标签：设置下拉列表的选项，可以在该标签内写selected="selected"属性设置默认选择项目
textarea：文本域
cols:设置文本域的宽度
rows：设置文本域的高度
-->
<form method="get" action="入门.html">
姓名:<input type="text"/><br />
密码:<input type="password"/><br />
性别:<input type="radio" name="sex"/>男
<input type="radio" name="sex" checked="checked"/>女
<input type="radio" name="sex"/>中性<br />
爱好：<input type="checkbox"/>篮球
<input type="checkbox" checked="checked"/>足球
<input type="checkbox"/>棒球
<input type="checkbox"/>羽毛球<br />
照片：<input type="file"/><br />
生日：<select>
<option>1990</option>
<option>1991</option>
<option>1992</option>
<option>1993</option>
</select>年
<select>
<option>1</option>
<option selected="selected">2</option>
<option>3</option>
<option>4</option>
</select>月
<select>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>日<br />
描述：<textarea cols="30" rows="10">请输入你的自我介绍</textarea><br />
<input type="reset" value="重新输入"/>
<input type="submit" value="登录"/>
<input type="image" src="img/tj.png" />
<input type="button" value="点我一下" onclick="alert('你点我干什么')"/>
</form>
</body>
</html>
1592
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
