经营范围网站开发运营,如何做好网站建设销售,增城微信网站建设,深圳网络运营推广公司目录
一、表格
#xff08;1#xff09;关于表格中标签说明
#xff08;2#xff09;关于表格中属性说明
#xff08;3#xff09;简单操作演示
#xff08;4#xff09;表格小结
二、表单
#xff08;1#xff09;简单操作演示
#xff08;2#xff09;注…目录
一、表格
1关于表格中标签说明
2关于表格中属性说明
3简单操作演示
4表格小结
二、表单
1简单操作演示
2注意事项
3表单小结 一、表格
场景在网页中以表格(行、列形式直观、整齐展示数据。开发一些管理类的系统时经常会使用表格来看起来更加的直观如班级表、课程表、学生表、成绩表等等。标签
1关于表格中标签说明
在整个表格的外层定义一个标签table。其中每个表格中有很多的行一个tr就代表一行。然后在表格中每行当中都会有很多单元格则每个单元格都会通过标签td来定义。注意如果是一个表头定义的单元格——用标签th来代替。这个标签所带来的表头单元格的效果具有字体加粗、居中展示。也就是普通单元格用标签td就可以了
2关于表格中属性说明
border指定表格边框的宽度的默认表格是没有边框的。width指定表格整体的宽度cellspacing指定每个单元格之间的空间。
3简单操作演示
基础代码
!DOCTYPE html
html langenheadmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title
/headbodytable border2px cellspacing0 width 500pxtrth学号/thth姓名/thth性别/thth年龄/thth所属学校/th/trtrtd001/tdtd张三/tdtd男/tdtd18/tdtd长沙中学/td/trtrtd002/tdtd老六/tdtd女/tdtd22/tdtd怀化学院/td/tr/table
/body/html
运行效果图 如果没有设置各个单元格之间的间隙为0则 注 1、如果想让每个单元格之间没有间隙就给标签table添加一个属性cellspacing0。 2、可以给整个表格中设置一个总体的宽度width。 3、对于整个表格的边框可以设置属性border。 4表格小结
table标签定义表格。tr标签定义表格中的行一个tr表示一行th标签——表头单元格加粗居中td标签——普通单元格
二、表单
场景在网页中主要负责数据采集功能如注册、登录等数据采集。即点击提交将表单中所采集到的数据发送到服务端服务端将数据保存起来。这些数据一般会存放到数据库当中。表单标签form表单项不同类型的 input 元素、下拉列表、文本域等。 1、input定义表单项通过 type 属性控制输入形式。其中还有另外一个属性name是必须的。因为表单项要成功的采集数据并提交一定要有这个属性。name属性就是表单项的名字如用户名表单项 —— nameusername 2、select定义下拉列表 3、textares定义文本域 属性 1、action规定当提交表单时向何处发送表单数据URL指定当前表单数据所提交的URL地址 2、method规定用于发送表单数据的方式。GET、POST当前表单以何种方式进行提交 1简单操作演示
基础代码
!DOCTYPE html
html langenheadmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleHTML-标签/title
/headbodyform action methodget用户名input typetext nameusername年龄input typetext nameageinput typesubmit value提交/form
/body/html
效果图 2注意事项 action表单提交的url指定往何处提交数据。如果不指定默认提交到当前的页面。method表单提交的方式 get像上方的例子我的提交方式用到 get 的方式来请求。就会在url后面拼接表单的数据。具体提交形式如下?usernameTonyage18。而url的长度是有限制的所以这个对于比较大的表单是没法操作的。且 get 是属性method的默认值。(即默认提交方式) post与get不一样它是在消息体请求体中传递的且参数的大小无限制的。 演示我将上面的get改成post 1、按F12打开浏览器开发者界面找到网络这一块。当点击提交就会发起一个网络请求。 2、可以看到请求方式post。 3、也可以看到当前提交的表单的数据。 4、其中 usernameTomage33 这一部分叫做消息体或者叫请求体。 3表单小结
表单标签form表单属性action表单数据提交的url地址。method表单提交的方式。get表单数据拼接在url后面。如?usernamejava大小有限制。post表单数据在请求体中携带大小没有限制。
注意表单项必须有name属性才可以提交。否则表单项内所输入的数据是无法提交的。
