background，表单基础知识总结

Background相关知识点拓展

background-clip

• 图片裁切

• 属性

  • border-box

  • border + padding + content

  • 默认值

  • padding-box

  • padding + content

  • content-box

  • content

background-origin

• 图片的起始位置

• 属性

  • border-box

  • border + padding + content

  • padding-box

  • padding + content

  • 默认值

  • content-box

  • content

background-size

• 背景尺寸大小

• 属性

  • 数值

  • cover

  • contain

内阴影

• 阴影

  • box-shadow：横向偏移量 纵向偏移量 模糊半径 阴影颜色;

• 内阴影需要在 偏移量 之前书写 inset

表单

概念

服务器

• 提供服务的机器

• 我们需要某些资源，我们需要一台机器给我们提供特定的服务，在提供服务的过程中，我们需要跟服务器进行交互，如果请求成功，会直接返回给我们想要的数据。

表单

• 表单是用于发送给服务器的内容

• 在表单内部书写了我们想要的结果

• 表单是用于在网页中获取用于提交的数据，并且反馈给后台做验证或者搜集的标签

form

• 双

• 语义：定义表单

• 属性

  • action

  • 表单的提交地址

  • URL

  • 统一资源定位符

  • method

  • 表单提交的方式

  • GET

  • POST

向表单中填写内容

input

属性

• type

  • text

  • 文本输入框

  • maxlength

  • 限制最大长度

  • placeholder

  • 输入的提示语

  • value

  • 默认值

  • password

  • 密码输入框

  • maxlength

  • 限制最大长度

  • placeholder

  • 输入的提示语

  • value

  • 默认值

• radio

  • 单选框

  • 同一类型的单选框，name属性必须相同

  • checked

  • 控制默认选择项

  • checkbox

  • 复选框

  • name不需要相同

  • checked

    • 控制默认选择项

• file

  • 文件

• hidden

  • 隐藏

• button

  • 按钮

• submit

  • 提交

• reset

  • 重置

• name

  • 属性的名字

• value

  • 属性的值

textarea

• 文本输入域

select

• 下拉菜单

• option