前端修炼——html、css进阶!

无序列表

概念:用于垂直一列的显示数据

分类:有序列表、无序列表、自定义列表

无序列表的写法

特点

1、li 标签一定要写到 ul 标签中

2、无序列表可以进行嵌套

3、无序列表默认的样式:

右边有小黑点 可以使用 list-style: none; 来取消

默认有上下外边距、左内边距

是块级元素

表单

作用:收集用户数据给服务器用

分类:form 表单域;提取信息 label;表单元素

form 表单域

action:动作,把数据提交给要处理的页面

method:提交数据的方式。如果 form 不写 method 属性,默认就是 get

  • GET:把数据拼到 url 的后面。不安全,传输数据有大小限制
  • POST:通过二进制流的方式给服务器传数据。数据安全,数据没有大小限制

表单元素

input:

input 中的 type 类型:

  • text 单行文本框;
  • password 密码输入框;
  • radio 单选按钮;
  • checkbox 复选框;
  • file 文件;
  • button 普通按钮;
  • submit 提交按钮;
  • reset 重置按钮;
  • image 图像形式的提交按钮;

​ 必须写在 form 表单标签中,

​ form 表单中的标签必须添加 name 属性

​ 会把 form 表单中标签的 value 值提交给服务器

name: 给标签设置名称

value:给文本框设置内容

checked:选中点选按钮

disabled:让标签不可用