十一月二号课堂笔记
来源:互联网 发布:淘宝卖家电话人工服务 编辑:程序博客网 时间:2024/05/16 22:48
1.表格简介
HTML中的表格可以大致分为三个部分:
thead ———表格的页眉
tbody ———表格的主体
tfoot ———定义表格的页脚
thead, tbody, tfoot 相当于三间房子,每间房子都可以用来放东西。
这个标签就是放在三间房子里面的东西,每一个 就是表格一行。
表格的每一行被分为一个个单元格。
我们简单尝试写一个表格:
- 的使用
标签用于对表格中的列进行组合,以便对其进行格式化。
标签规定了 元素内部的每一列的列属性。
cellpadding属性:单元格边框与内容的间距。
cellspacing属性:单元格之间的间距。
3.1 表单域的原理
用之前学习的标签,我们暂时还不能完成与网页的交流,网页无法获取我们的输入信息。
在浏览网页时,有很多的场景需要用户输入来完成特定的交互,比如注册、登录、问卷调查等,我们可以使用表单来完成这些操作。
1.什么是表单
表单是可以把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据。表单在网页中主要负责采集数据。
:标签是成对出现的,以开始,以结束。 action:浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。 method:数据传送的方式(get/post)。 表单中还包括文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框、提交按钮和文件上传框等。 3.2 文本框和密码框 当用户要在表单中键入字母、数字等内容时,就会用到文本输入框。文本框也可以转化为密码输入框。type:当type=”text”时,输入框为文本输入框,当type=”password”时,输入框为密码输入框。
name:告诉服务器,我们提交的这个value值代表的什么。
value:为文本输入框设置默认值。(一般起到提示作用)。
3.3 单选框和复选框
在使用表单时,为了减少用户的操作,使用选择框是一个好主意,html中有两种选择框,即单选框和复选框,两者的区别是单选框中的选项用户只能选择一项,而复选框中用户可以任意选择多项,甚至全选。
type:当type=”radio”时,控件为单选框。当type=”checkbox”时,控件为复选框。
value:提交数据到服务器的值(后台程序PHP使用)。
name:告诉服务器,我们提交的这个value值代表的什么。
checked:当设置checked=”checked”时,该选项被默认选中。
3.3下拉列表框
下拉列表在网页中也常会用到,它可以有效的节省网页空间。既可以单选、又可以多选。
value:提交数据到服务器的值。
selected=”selected”:设置selected=”selected”属性,则该选项就被默认选中。
下拉列表也可以进行多选操作,在标签中设置multiple=”multiple”属性,就可以实现多选功能,在windows操作系统下,进行多选时按下Ctrl键同时进行单击(在Mac下使用Command+单击),可以选择多个选项。
多行文本和重置按钮
- 多行文本
当用户需要在表单中输入大段文字时,需要用到文本输入域。
文本
标签是成对出现的,以开始,以结束。
name:指定输入框的名字。
cols :多行输入域的列数。
rows :多行输入域的行数。
在标签之间可以输入默认值。
2.上传
在实际开发中,我们经常会遇到要求用户上传头像图片或者添加附件在表单中的场景。
在HTML中,文件上传同样也使用input标签。
提交按钮和重置按钮
3.6 提交按钮
在表单中有两种按钮可以使用,分别为:提交按钮、重置。当用户需要提交表单信息到服务器时,需要用到提交按钮。当我们需要重置表单信息的时候,需要用到重置按钮。
提交按钮
type:只有当type值设置为submit时,按钮才有提交作用。
value:按钮上显示的文字。
3.7 提交按钮
当用户需要重置表单信息到初始时的状态时,比如用户输入“用户名”后,发现书写有误,可以使用重置按钮使输入框恢复到初始状态。只需要把type设置为”reset”就可以。
type:只有当type值设置为reset时,按钮才有重置作用。
value:按钮上显示的文字。
- 十一月二号课堂笔记
- 十一月一日课堂笔记
- 十一月一号课堂笔记
- 十一月六日课堂笔记
- 十一月七日课堂笔记
- 十一月十三日课堂笔记
- 十一月十六日课堂笔记
- 十一月二日课堂笔记
- 十一月三日课堂笔记
- 十一月三日课堂笔记
- 十一月十日课堂笔记
- 十一月二十七日课堂笔记
- 十一月二日课堂笔记-HTML
- 十一月六日课堂笔记-DIV+CSS布局
- 十一月八日课堂笔记-JavaScript基础
- 十一月八日课堂笔记—JavaScript基础
- 十一月九日课堂笔记-JavaScript基础
- 十一月七日课堂笔记-居中和对齐、CSS3新特性
- 记一次MySQL中Waiting for table metadata lock的解决方法
- 辗转相除法
- react-redux的简单使用
- Unit7
- Spring MVC @Validated的使用
- 十一月二号课堂笔记
- 并发学习路线
- android java8的使用配置
- Lock与synchronized 的区别
- Java笔记第十一课(String类&StringBuffer类)
- bzoj 3039: 玉蟾宫(悬线法)
- Shiro+Spring整合(超详细,有demo)
- mybatis(2)---入门示例
- 《汇编语言》(王爽)检测点1.1