2020-03-08

照片

用户名

密码

性别女

女

年龄未成年

成年

所在省份

北京

河北

广东

上海

长沙

手机号

输入验证码

爱好刘聪

刘聪

刘聪

刘聪

你喜欢的歌手

刘聪

刘聪

刘聪

刘聪

刘聪

自我介绍

提交

重置

按钮

无序列表 ul li        有序列表 ol li

定义列表 dl dt表示被定义的内容 dd表示对定义内容的描述

dl ul ol 之间可以互相嵌套

表格标签，用于在效果中定义一个表格

表格的行标签，用于定义一个表格行

表格的单元个标签，用于定义一个表格行中的单元格

表格的表头单元格标签，用于在效果中定义一个表格红中的单元格

唯一区别：居中加粗

单元格合并

或者都有两个单元格合并属性：

colspan:跨列合并单元格

rowspan:跨行合并合单元格

合并步骤：    

确定合并哪几个单元格，确定是跨行合并还是跨列合并，在第一个出现的单元格上书写合并单元格属性，合并几个单元格，属性就写几，被合并的单元格必须删掉

行  列  单元格  表头  数据

表格是为了更好的格式化显示数据

内联与块标签

内联标签，一行上定义多个元素，进行内容显示

有多少个内容，就会占用多大空间

span不会自动换行

块标签，一行上定义一个块，默认沾满一行，进行内容显示

适用于大量数据展示，或者用来布局

表单标签

用于在效果中定义一个表单

作用：用于提交用户填写的数据，提交给服务器的程序

文本框供用户输入，类是Java的Scanner

action 将数据提交到何处

默认提交到本页

本机内网路径

相对路径：常用

绝对路径：不建议使用

method 将数据一何种方式提交

默认为get，提交方式课定义为get或者post

get方式提交特点：把数据拼接到地址栏上

post方式提交特点：没有把数据拼接到地址栏上而是在请求体

get和post提交方式区别：

get提交的参数列表拼接到地址栏后面；post方式不会拼接到地址栏后面，get提交数据，敏感信息不安全，post方式提交的数据相对安全，get方式提交的数据是有限的，post方式从理论上提交的数据是无限大的

尽量使用post方式提交表单

输入项标签

表单输入项标签，用户可以在该标签上，通过填写和选择，进行数据的输入

type设置该标签的种类

text密码框，内容非明文

password单选框，在同一组内有单选效果

chechbox复选框，在同一组内有复选效果

submit提交按钮，用于控制表单提交数据

reset 充值按钮，用于表单输入项恢复到默认状态

file附件框，用于文件上传

hidden隐藏于，一般用作提交服务器需要拿到，单用户不需要看到的数据

button普通按钮，需要和js时间一起用

name 单选框，复选框进行数据的分组，设置该标签对应的参数名，要提交数据给后台，必须写name

value设置该标签对应的参数值/作为按钮的名字

checked设置单选框/复选框的默认选中状态

readonly设置该标签的参数值只读，用户无法手动更改，数据是可以正常提交的

disabled设置该标签不可用，参数值无法更改，并且无法提交

表单点击提交按钮，提交数据时

    url？参数列表

    参数列表格式：参数1=参数值&参数2=参数值&参数3=参数值......

    ？gender=on  on表示选中

    ？gender=male&age=18......

单选框，用户只能选择，不能输入，需要制定value属性

文本框，用户可以自由输入，不一定指value属性，指定的话表示默认值，placeholder表示提示文字

选择框标签

    标签，定义一个下拉选择框

        name设置该标签对应的参数名

        multiple设置选项全部显示，并且可以进行多选提交，不屑此属性默认为单选

        标签，选项标签，为一个选择框添加一个选项

        value设置需要提交的参数值

        selected设置选项的默认选中状态

注意：

option的内容体一般是用来展示的，参数值应该时option的value属性值

文本域标签

标签

         文本域，多行文本框

        name设置该标签对应的参数名

文本框不能换行，文本域可以，文本框参数值是value属性，文本域参数值是标签的内容体