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!
非常感谢各位!