本次笔记主要包括表格元素表单元素。
表格元素 -表格三要素：table tr和td。table是表，tr是表格里的行，td是表格里的列。 -th：表格的单元头，用来区分数据和对数据的说明。 tbody：构成表格主体的全体行，不包括表头行和表脚行（他们分别是thead和tfoot）。 <style> td{border:1px solid black;width:100px;height:30px;} thead{background: red;} tbody{background: yellow;} tfoot{background: blue;} </style> \\\\\\\\\\\\\\\\ <table> <thead> <tr> <td></td> <td></td> <td></td> </tr> </thead> <tbody> <tr> <td></td> <td></td> <td></td> </tr> </tbody> <tfoot> <tr> <td></td> <td></td> <td></td> </tr> </tfoot> </table>thead:红色；tbody:黄色；tfoot:蓝色。 -制作不规则表格：td和th元素的colspan和rowspan属性。想要一个单元格纵跨多行，使用rowspan，属性值即为跨行数；同理，一个列跨多行使用colspan。
colspan:
<table> <tr> <td>1</td> <td colspan="2">2</td> <!-- <td>3</td> --> </tr> <tr> <td>4</td> <td>5</td> <td>6</td> </tr> <tr> <td>7</td> <td>8</td> <td>9</td> </tr> </table>rowspan:
<table> <tr> <td>1</td> <td rowspan="3">2</td> <td>3</td> </tr> <tr> <td>4</td> <td>6</td> <!-- <td></td> --> </tr> <tr> <td>7</td> <!-- <td></td> --> <td>9</td> </tr> 表单 -表单三元素：form、input和button。 -form配置http方法属性：get和post。get请求用于安全交互，同一请求可以发起任意多次而不会产生额外作用；post请求用于不安全交互，提交数据的行为会导致一些状态的改变。一般而言，get请求应该用于只读信息，post用于会改变程序状态的各种操作。 -entype属性： 值说明application/x-www-form-urlencoded这是未设置enctype属性是使用的默认编码方式。他不能用来将文件上传至服务器。multipart/form-data用于将文件上传至服务器text/plain因服务器而异，谨慎使用-input—自动聚焦到某个input：autofocus属性。
<input autofocus type="text">-对表单元素编组：fieldset元素。 -添加说明标签：legend元素，但必须是fieldset的第一个元素。
<fieldset > <legend>个人信息</legend> 姓名：<input type="text"> </fieldset>-required属性：检测用户是否输入了一个值。 -确保输入值位于某个范围：min和max用来确保输入的* 数值和日期 * 处于指定范围。
-确保输入值与指定模式匹配：pattern属性可以用来确保输入值与一个正则表达式匹配。 -确保输入值是邮箱或地址者URL：把pattern属性和对应的input元素结合，进一步限制用户输入的值。
<input type="email" placeholder="user@qq.com" required pattern=".*@qq.com$" >**注解：**required属性确保用户提供一个输入值；pattern确保输入的电子邮箱属于指定域（qq.com）.
