2021-02-27

**

2.27学习总结

#### 表格(*)
表格和excel一样，都是用来展示数据的
<table>标签：告诉浏览器<table>和</table>之间的内容属于表格。

• border属性：边框。
• cellspacing属性：控制单元格与单元格之间的距离。
• width属性：用来设置表格的宽度。

`标签：给表格添加标题（可选）。

• <thead>标签：给表格添加表头（可选）。

• <tbody>标签：表格的主体部分（必选）。

  注意： 很多程序员写代码的时候不写thead、tbody、tfoot这样写也可以，但是即使你不写tbody因为他是必选的浏览器在解释的时候也会自动加上。

• <tfoot>标签：表格的脚注部分（可选）

• 1. 在thead、tbody、tfoot中每一行数据使用<tr>标签。

2. thead中的tr中的单元格使用<th>标签。

3. tbody、tfoot中的tr中的单元格使用<td>标签。
   tr常用的属性：

4. align属性：设置本行的文本的对齐方式。

   1. left（默认）
   2. right
   3. center

5. height属性：设置行的高度。

6. valign属性：规定表格中内容垂直的对齐方式。

   1. middle，居中对齐（垂直居中）
   2. bottom，下对齐。
   3. top，上对齐。
      4.td常用的属性：

7. align属性：设置单元格的对齐方式。

8. colspan属性：规定单元格可以横跨的列数。

9. 3. rowspan属性：规定单元格可以竖跨的行数。
      10.#### 内框架(***)

`标签，创建包含另外一个文档的内联框架。

格式：<iframe></iframe>

• src属性：载入框架时要载入的文档的地址。

• width属性：规定iframe属性的宽度。

• height属性：规定iframe属性的高度。

• name属性：给iframe起一个名字，可以配合a标签的target来使用。

  • a标签的target属性也可以是_top（代表的是在最顶层打开）或_parent（在父层打开）

  • 表单（@@@@）

  • 表单就是像服务器发送数据的东西。

  • <form>标签，告诉浏览器这个双标签中包含的内容是属于表单的内容。

  • action属性：指明提交的数据要提交到哪里。

  • method属性：指定提交数据的方法。（get、post）。get提交的数据显示在URL上面，POST提交的数据不会显示在URL上面。

• <input />标签，定义输入框。

  • type属性：定义输入框的类型。根据type属性的值来确定使用其他的属性。

    • text值，表示定义一个文本框，让用户进行输入。

      • value属性：用来设置默认值。

      • maxlength属性：用来设置允许输入的最大字符长度。

      • name属性：给你的这个输入框起一个名字。一个标识。

        userName  = lipeiqian
        &
        email= lipeiqian%40163.com
        

      • disabled属性：表示禁用该输入框。

      • readonly属性：表示输入框只读。

        disabled属性和readonly属性他们虽然都不能更改输入框中的值，但是disbaled属性不会向服务器端传值，而readonly属性可以向服务器传值。

    • password值，表示一个密码框。

      • name属性：也是给密码框一个标识一个名字。

    • radio值，表示一个单选框，只能选择一个。

      • name属性：该属性也是传递到服务器上的标识。
      • value属性：指定的name对应的单选框选中之后传递到服务器上的值。
      • checked属性：默认的时候选中该单选框。

      注意：

      1. 多个单选框如果为一组那么他们的name的值要相同，否则不会出现单选效果。

    • checkbox值，复选框，多选框。可以选择多个。

      • name属性：传递到服务器上的标识是什么（为了不发生覆盖我们通常会给名字的后面加上[]）
      • value属性：传递到服务器上的值。
      • checked属性：默认选中。

    • file值，上传框。

      • name属性：标识。

    • submit值，提交按钮。

      • value属性：表示按钮显示出来的值是什么。

    • reset值：重置。

    • image值，用图片代替submit按钮原来的样式。

      • src属性：用于指定图片的位置。
      • width属性：用于指定图片按钮的宽度
      • height属性：用于指定图片按钮的高度。

• <label>标签：用来为<input />标签提供标注。

  • for属性：input进行绑定。绑定的值为input标签的id属性的值。

• <select>标签：定义一个下拉列表。

  • name属性：定义下拉列表的名字。
  • disabled属性：禁用下拉列表。

• <option>标签：定义下拉列表中的每一项。

  • value属性：传递给服务器的值。
  • disabled属性：禁用该项。不允许选择。

• <optgroup>标签：对<option>进行分组。

  • label属性：说明分组的描述。

• 多选下拉列表

  • select标签的multiple属性：可以进行多选。
  • size属性：显示几个。

  注意： 如果要选中的话需要按住ctrl键。

• 文本域<textarea>：用来输入大段的文字。

  注意：

  1. textarea的默认值应该标记中间。
  2. 如果开始和结束标签不在一行，那么中间的内容会被当做默认值来处理。

• <button>标签：用来表示一个按钮

  • type属性：表示按钮的类型：值可以是button，submit、reset。