第一列表头第二列表头第一行第一列第一行第二列
设置表格的边框宽度
在示例里,1单元格设置了宽度,那么3,和a单元格,自动继承该宽度
2单元格的宽度由table宽度和1单元格的宽度决定
1234ab
设置td的属性width为百分数
1234ab
单元格水平对齐
1234ab
单元格垂直对齐
横跨两列, 水平合并,同一行的两列合并单元格,其实就是少写一列td
横跨两行, 垂直合并,同一列的上下亮哥单元格合并,其实就是第二行少写一列td
1,324ab
设置表格单元格的背景色
无序
DOTALOL
有序
地卜师卡尔
div是块元素,即自动换行
常见的块元素还有h1,table,p
span是内联元素,即不会换行
常见的内联元素还有img,a,b,strong
第一个div
第二个div
第一个span
第二个span
绿色默认大小字体
蓝色大2号字体
红色小2号字体
即表示文本框
并且只能够输入一行
设置文本框的长度
初始值
有背景文字的文本框
如果要输入多行
使用文本域
文本域可以有多行,并且可以有滚动条
在提交表单的时候隐藏提交id,增加hidden属性
对input输入框中的文本添加默认选中效果
1 . 常规写法
2 . CSS写法(更简洁方便 , 而且便于统一调整样式)
即表示密码框,输入的数据会自动显示为星号
用于向服务器提交数据,比如账号密码
action="/study/login.jsp" 表示把账号和密码提交到login.jsp这个页面去
method="get"
使用method=“get” 提交数据 是常用的提交数据的方式
如果form元素没有提供method属性,默认就是get方式提交数据
get方式的一个特点就是,可以在浏览器的地址栏看到提交的参数,即便是密码也看得到
method="post"
使用method=“post” 也可以提交数据
post不会在地址栏显示提交的参数
如果要提交二进制数据,比如上传文件,必须采用post方式
get和post的区别
get
是form默认的提交方式
如果通过一个超链访问某个地址,是get方式
如果在地址栏直接输入某个地址,是get方式
提交数据会在浏览器显示出来
不可以用于提交二进制数据,比如上传文件
post
必须在form上通过 method=“post” 显示指定
提交数据不会在浏览器显示出来
可以用于提交二进制数据,比如上传文件
表示单选框
两个单选,都可以同时选中。 为了达到,同一时间,只能选中其一的效果,需要使用分组
默认选中
默认选中
分组
分组即,多个单选框,都在一个分组里,同一时间,只能选中一个单选框
设置name属性相同即可
即表示复选框
如果显示的是name但是提交的又要是type值怎么办呢,可以给option
设置高度
设置可以多选
使用ctrl或者shift进行多选
默认选中
对option元素设置selected=“selected” 属性
文本域
与文本框不同的是,文本域可以有多行,并且可以有滚动条
设置宽度和行数
使用属性cols和rows
普通按钮不具备提交form的效果
即为提交按钮
用于提交form,把数据提交到服务端
重置按钮 可以把表单中的所有输入框的改动复原
即使用图像作为按钮进行form的提交
与不同的是,标签功能更为丰富
按钮标签里的内容可以是文字也可以是图像
如果button的type=“submit” ,那么它就具备提交form的功能
button里是文字
button里是图片
提交数据
设置type=“submit”
IE下button的type的默认值为button不具备提交功能
其他浏览器type的默认值是submit
让设置并排的2个div
第一个div
如果您觉得本文的内容对您的学习有所帮助:
关键字:
jquery