Day2

Day2

PS:此文章仅用于监督自己的学习,望大佬轻喷(毕竟这里面大佬是真的多!)

PPS:如果各位有比较好的前端学习资料或者学习视频,也希望能慷慨分享帮助一下小萌新,非常感谢!!!(深深鞠躬)
—————————————————————————————
ok!今天学习了表单(内容比较少)

行:tr <tr></tr>
列:td <td></td>

注意:

1、tr*3或td*3加Tab可以自动补全(也可以tr*数字>td*数字加Tab)    
2、也可以ctrl+d全部选中再同时编译

table里面的属性

1、width=""     宽
2:height=""	高
3:border=""	边框
4:bordercolor=""	边框颜色
5:bgcolor=""	背景颜色
6:cellspacing=""	边框之间的间距(记)
7:cellpadding=""	边框与内容之间的距离(记)
8:align=""	水平对齐方式
	属性值:right、center、left
9:valign=""	垂直对齐方式
	属性值:top、bottom、middle

代码:在这里插入图片描述
运行结果:
在这里插入图片描述


单元格合并:

	colspan="数字"   合并列(数字代表几个单元格合并)
	rowspan="数字"  合并行
	注:无论合并行还是合并列都是td
	       只要是跨行的合并都是合并行,没有跨行的都是合并列
	       如果一个表格既有合并列也有合并行,建议先合并列再合并

代码:
在这里插入图片描述

运行结果:
在这里插入图片描述

之前一直用dreamweaver写网页,对表单这块一直不太懂,今天也算是重新加深了解一点点

表单:

	<form></form>
	form的属性:1、 表单的名称:name="" 
		     2、接口地址:action=""属性值就是接口地址(数据库)
		     3、数据传输方式:method="" (get/post)

表单内部的元素:

	<input type="">
		input里面的人html属性:
			type :决定input所生成的表单元素类型
			value :作为input的值,根据type的不同作用也是不一样的
			maxlength:最大长度(maxlength="6"表示只能输入6听个字)
			size:以字符为单位控制input的大小
			name:名称
	1、输入框  <input type="text">
	2、密码框  <input type="password">
	3、重置按钮 <input type="reset">
	4、提交按钮 <input type="submit">(提交到action接口处)
	5、空按钮 <input type="button">(需要和事件一起使用)

作业:做一个表单信息
代码:
在这里插入图片描述
在这里插入图片描述

运行结果:
在这里插入图片描述

验证码不会写,先暂时用图片代替了

明天开始学习css了!
ok!
非常感谢各位!

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值