day1

案例标签(table、tr、td)
表格标签 table 表格容器
属性:
border : 边框,表示边框的粗细,默认是0,表示不显示边框线,值越大,框越粗
width : 宽度
cellspacing : 单元格和边框之间的间距(单元格之间的间距),值越大,间距越大.
cellpadding: 单元格和内容的之间的间距,值越大,间距越大
align : center 表格水平居中
tr 一行
color,描述一行的背景颜色
align 所在行所有单元格的对齐方向
rowspan 跨行
colspan 跨列
td 一行
中的一个单元格,用于描述数据
color,描述一个单元格的背景颜色
align 单元格对齐方向

案例标签(th)
th ,表示一个列标题,自带居中,加粗
th和td都表示一个单元格。
color,描述一个单元格的背景颜色,可以覆盖tr的背景颜色
align 单元格对齐方向

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<table border="1px" cellspacing="0" cellpadding="5px" width="500px">
			<tr>
				<th colspan="5" bgcolor="cadetblue" align="left">基本信息</th>
			</tr>
			
			<tr>
				<td>姓名</td>
				<td width="20%"></td>
				<td>性别</td>
				<td width="20%"></td>
				<td rowspan="6" width="25%"></td>
			</tr>
			
			<tr>
				<td>国籍</td>
				<td></td>
				<td>名族</td>
				<td></td>
				
			</tr>
			
			<tr>
				<td>政治面貌</td>
				<td></td>
				<td>健康状况</td>
				<td></td>
				
			</tr>
			
			<tr>
				<td>年龄</td>
				<td></td>
				<td>婚姻状况</td>
				<td></td>
				
			</tr>
			<tr>
				<td>籍贯</td>
				<td></td>
				<td>现所在地</td>
				<td></td>
			</tr>
			<tr>
				<td>电话号码</td>
				<td></td>
				<td>电子邮箱</td>
				<td></td>
			</tr>
		</table>
	</body>
</html>

案例标签 1.form

是form 不是from
form标签标示一个表单的容器,表单的元素都应该存活在表单的容器中。

form中有两个常用的属性:
1.action
描述表单具体提交数据的路径. 一般是服务器的地址,目前先不写
2.method
描述表单数据的提交方式.
get :
把数据拼接在地址栏后面,提交数据。这种提交方式容易出问题,不安全。长度有限制
post:
数据是存放在请求体中,提交数据,这种方式私密性比较强,更安全一些,没有长度的限制

2.input输入框
input 单边标签 属于一种表单元素。
表单元素有多种类型 type
提交给服务器参数的名字 name

1.普通文本输入框
2.密码框
3.单选框
单选框应该具备互斥的效果。多个单选框应该具备相同的name
未婚
已婚
4.复选框(多选框)
听别人说的
不小心看到
按错了
5.邮箱 邮箱:

6.生日:

7.文件域 头像:

8.提交按钮
9.普通按钮
10.重置按钮

表单元素中存在一个属性 value。
value 主要的作用就是用于表示当前元素传递给服务器的参数值
如果是checkbox 和radio没有写value值,name传递的参数值是不正常的
在这里插入图片描述

可以给checkbox、以及radio加上选项的值 value,这样传参就不会只传on。

今天的内容比较简单,就不多说,加油吧!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值