TypechoJoeTheme

Mr.Jiang || 小龙的个人博客

重学前端第三天 表单和容器的作用

一、表单

  1. <form action=""> action=表单数据提交的地址 form必须有action属性,表示提交地址。
  2. 所有需要提交的数据,input必须有name属性
  3. input按钮的文字,使用value属性表示
  4. input必须放在form标签内才能提交
  5. get请求通常表示获取数据,post请求通常表示提交数据。
  6. get请求发送的数据都写在地址栏上,用户可见。post请求发送的数据用户不可见(提交之前F12,找到Network-All-Headers里面的FormData可以查看)。
  7. get请求不能提交大量数据(比如图片、视频、文章),但post可以,因此不要混用。

二、容器的作用

  1. span,一个容器标签,不具备任何特殊功能,仅当作容器来使用。用于包裹一段文本,便于给文本增加样式。
  2. div,一个通用的容器标签,不具备任何特殊功能,仅当作容器来使用,可以包裹任何内容,也可以容器直接互相包裹。

三、CSS

  1. text-align: center; 让内部元素水平居中。
  2. margin: auto; 让元素本身水平居中(需要设置宽度)。

    2.1 margin: auto;和margin: 0 auto;的区别,margin:auto=margin:auto auto auto auto 表示上下左右都为auto;margin:0 auto=margin:0 auto 0 auto,表示上下为0,左右为auto;居中方式也不同。margin:auto表示横竖都居中,margin: 0 auto表示横居中,竖不居中;
  3. background-color: gray; 设定背景颜色。

    3.1 background可以设置背景颜色、背景图片、定位等。而background-color只能设置背景颜色。
  4. font-size: 24px; 设定字体大小。
  5. color: white; 设定文字颜色。
赞 · 1
评论 (0)