当前位置: 首页 > Web前端 > CSS

html+css快速入门教程(七)

时间:2023-03-31 12:46:48 CSS

9综合实例仿百度云盘下载页面实战#10table#10.1tabletable是一个表格标签,可以让我们的表格在浏览器表格中显示,常用的有两种下面的标签tr而tdtr表示一行td表示一行中的某个单元格,通常用于后台管理系统中显示数据表格学号姓名班级成绩年级20080795113李飞312失败20080795114张飞382好20080795115赵飞332失败备注:在表格的开始标签后添加bordercellspacingcellpadding,这种形式称为给html标签添加属性,border表示边框,cellspacing表示单元格之间的间隙,cellpadding表示单元格内容与边框之间的距离#10.2合并单元格colspan设置当前单元格在水平方向合并单元格的个数名称张三年龄20简介专业技能rowspan设置当前单元格垂直合并的单元格数姓名张三年龄12家乡中国民族汉族出生年月1999.3.4政治面貌td>党员#Exercise:1.课程表2.个人简历#11form#11.1formtagformtag代表表单,用于收集用户信息并发送给后台使用,例如:登录,注册是通过formateformformform属性action:用来设置表单提交的地址,也就是表单收集的数据应该发送到method:使用设置表单提交的方法是指表单如何将数据发送到action设置的地址get:表单发送数据的方式之一特点:表单发送的数据会显示在浏览器地址栏post:form发送数据方式的特点之一:表单发送的数据通常是用户看不到的username:密码:#11.2输入taginput标签是针对form的某个子项,根据type属性的不同,会有不同的作用。几个常用的type属性:type="text"type="password"type="checkbox"type="radio"type="button"type="submit"type="file"type="hidden"输入框密码框复选框单选框隐藏字段文件选择控件提交按钮普通按钮其他属性名属性,指定输入元素名称,后台会根据该属性的值接收数据value属性,表单项readonly属性的值,指定控件为只读状态,对输入框有效,无意义对于buttondisabled属性,控件不可用,灰色,提交表单注意:如果元素没有name属性,提交表单时数据不会发送出去#11.3.textarea元素textarea代表的是多行文本框的rows属性,设置多行文本框的显示行数(高度)),具体size取决于文字大小cols属性,设置多行文本框的显示列数(宽度),即字符数,具体大小取决于文字大小11.4.button元素定义了一个按钮ClickMe!#11.5.select元素指定下拉列表框北京name属性指定下拉框名称的大小属性,指定下拉可见选项的个数boxmultiple属性,设置后,菜单项允许多个Select,否则只能选择一个#11.6.option元素定义和使用的下拉框,每个具体的value属性,下拉框的值注意:如果value属性不写,默认提交时选择下拉框的值option元素中的内容,比如上海,广州,写了value属性,提交表单时,发送的值下拉框旁边的是value中的值,比如选中第一个option元素,那么提交的value是bj而不是Beijing#11.7.label元素定义与使用为input元素定义标签(tags)label元素不会向用户呈现任何特殊效果。但是,它提高了鼠标用户的可用性。如果您单击标签元素内的文本,则会触发此控件。也就是说,当用户选择标签时,浏览器会自动将焦点转到与标签相关的表单控件上。社会安全号码:#Exercise:1.登录2.注册本文档的视频同步地址,视频同步地址(免费):http:https://edu.nodeing.com/course/1