2020-03-23

表单标签

用户ID

头像

用户名

readonly="readonly" value="林云兵">

密码

disabled="disabled" value="000000">

手机号

邮箱

性别

value="male" >男

value="female" checked="checked">女

年龄

爱好

value="chiji" checked="checked">绝地求生

value="meinv" checked="checked">美女

value="compertuer">电脑

value="eat">吃

你喜欢的明星

所在省份

自我介绍



笔记

1无序列表 ul li

2有序列表 ol li

3定义列表 dl dt被定义的内容

dd对定义内容的描述

ul ol dl都可以互相嵌套

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

border:设置表格的边框粗细

width:设置表格的宽度

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

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

表格的表头单元格标签,

用于在效果中定义一个表格行中的表头单元格

唯一区别:内容居中加粗

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

单元格合并

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

colspan:跨列合并单元格

rowspan:跨行合并单元格

合并步骤:

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

2.在第一个出现的单元格

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

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

下午:

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

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

span不会自动换行

块标签,一行上定义一个块,

默认占满一行,进行内容显示

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

输入项标签

标签

表单输入项标签之一,用户可以在该标签上

通过填写和选择,进行数据的输入

type:设置该标签的种类

text:文本框,默认

password:密码框,内容非明文

radio:单选框,在同一组内有单选效果

chechbox:复选框,在同一组有复选效果

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

reset:重置按钮,用于将表单数据项

恢复到默认状态

file:附件框,用于文件上传

hidden:隐藏域,一般用作提交服务器需要

拿到,但客户不需要看到的数据

button:普通按钮,需要和js事件一起用

name:单选框,复选框进行数据分组,设置该

标签对应的参数名。要提交数据给后台,必须写那么

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

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

readonly:设置该标签的参数只读,用户无法手动更改

数据是可以正常提交的

disabled:设置该标签不可用,参数值无法更改

并且无法提交的

定义一个下拉选择框

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

multiple:设置选项全部显示,并且可以进行

多选提交,不写此属性默认为单选

value:设置需要提交的参数值

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

注意事项:

option的内容体一般用来展示的

参数值应该是option的value属性值

文本域标签: