表单的制作

此次笔记内容主要为表单的制作、input样式的改变、背景的虚化

一、表单form的制作

• 定义表单标签（创建一个表单）

1. action：表单属性之一，指示服务器上处理表单输出的程序

2. method：表单属性之一，告诉浏览器如何将数据发送给服务器（post或get）

   Get方法：

   • GET 请求可被缓存；
   • GET 请求保留在浏览器历史记录中；
   • GET 请求可被收藏为书签；
   • GET 请求不应在处理敏感数据时使用；
   • GET 请求有长度限制；
   • GET 请求只应当用于取回数据；

   POST方法：

   • POST 请求不会被缓存；
   • POST 请求不会保留在浏览器历史记录中；
   • POST 不能被收藏为书签；
   • POST 请求对数据长度没有要求；

• 标签属性

1. type属性：指定表单元素的类型，可选项有text、password、checkbox、radio、submit、reset、file、hidden、image和button，默认为text；
2. name属性：指定表单元素的名称；
3. value属性：可选，指定表单元素的初始值；
4. checked：指定按钮是否被选中；
5. size属性：指定表单元素的初始宽度；
6. maxlength属性：指定可在text或password元素中输入的最大字符数；

• 三种按钮

1. reset按钮：重置按钮，重置为最初状态；
2. submit按钮：提交按钮，将会提交到action属性所指的URl，并传递表单数据；
3. button按钮：普通按钮，需要与事件关联使用；

二、input样式

• input[type=text]的样式美化

  首先设置边框样式（高宽粗细颜色）

  然后去除外轮廓（outline：none)

  html：

  <form action="">
  
        <input class="input1" type="text" placeholder="用户名"  >
  
        <input class="input1" type