2020-03-06

一 列表
1 无序列表 ul li

2 有序列表 ol li

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

dl ul ol 之间可以互相嵌套

二 表格标签

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

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

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

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

唯一区别:居中加粗

单元格合并

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

colspan:跨列合并单元格

rowspan:跨行合并合单元格

合并步骤:    

    1 确定合并哪几个单元格,确定是跨行合并还是跨列合并

    2 在第一个出现的单元格上书写合并单元格属性

    3 合并几个单元格,属性就写几

    4 被合并的单元格必须删掉

行  列  单元格  表头  数据

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

三 内联与块标签

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

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

    span不会自动换行

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

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

四表单标签

    

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

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

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

action 将数据提交到何处

        默认提交到本页

        本机内网路径

                相对路径:常用

                绝对路径:不建议使用

        互联网路径:https://www.12306.com/xxx

method 将数据一何种方式提交

        默认为get

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

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

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

get和post提交方式区别:

1 get提交的参数列表拼接到地址栏后面;post方式不会拼接到地址栏后面

2 get提交数据,敏感信息不安全,post方式提交的数据相对安全

3 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设置该标签对应的参数名

    文本与和文本框区别

            1 文本框不能换行,文本域可以

            2 文本框参数值是value属性,文本域参数值是标签的内容体

九 提交表单注意事项

    提交中文问题

        为什么使用URL编码

        正常提交?pwd=123&uname=zhangsan

        非正常?pwd=123#asd&qwe&sdf&uname=zhangsan

        URL编码解决方式:特殊符号,中文近些编码


注册网站

照片

用户名

密码

性别



年龄未成年

成年

所在省份

手机号



输入验证码

爱好王者荣耀

美女

电影



你喜欢的明星



自我介绍



你可能感兴趣的:(2020-03-06)