浅谈form标签与table标签

• a标签与form标签都是跳转页面。区别在与a发起的get请求。form发起的是get或post请求.
• 如果form表单里没有提交按钮，就没法提交表单。

• form默认是get请求。get是获取内容。post是上传内容。post是想把我的东西提交至服务器。 get会默认把输入框内容设为查询参数，提交时出现在地址栏。

• post请求会出现在第四部分。get请求没有第四部分。

• form标签的target和a标签的target是一样的

<form action="http://www.baidu.com" method="post">
    <input type="text" name="username">
   <input type="password" name="password">
   <input type="submit">
  </form>

• 可以得到两个username和password的字段。
• http不靠谱，虽然提交的时候密码看不到，只要没使用https,就会顺着网线明文传到服务器，只要有人做了监听就能拿到你的password.
• 你提交的账号密码会出现在第四部分里，但GET请求是不会有第四部分的，POST若想有查询参数，可以直接写在action里.
• <form>里如果没有而有<button>，则<button>会自动升级为submit，若写成这样
  <button type="button">button</button>则不会成submit，一个form里必须要有一个submit才能提交
  <button >button</button>这样就可以提交

• input标签的type属性有很多值。
  <label>可以直接包在input外面

  checkbox属性

<label><input type="checkbox" name="apple" value="yes">苹果</label>
<label><input type="checkbox" name="banana" value="yes">香蕉</label>

radio属性

<label><input type="radio" name="sexual">男</label>
<label><input type="radio" name="sexual">女</label>

多个radio的name要相同

---

select标签

<select name="group" multiple>
    <option value="">-</option>
    <option value="1">第一组</option>
    <option value="2">第二组</option>
    <option value="3" disabled>第三组</option>
    <option value="4" selected>第四组</option>
</select>
<select>

第一个-代表啥也没选中。disabled属性意味着不能被选中，selected意思是默认选中的，multiple意思是可以同时选中几项。

---

textarea标签

若想让用户输入一大段文字则用这
<textarea style="resize: none; width: 200px; height: 100px;" name="hobbies"></textarea>

resize若不设置为none，则用户可以随意更改输入框的大小

---

table标签

<table border="1">
    <colgroup>
        <col width="100">
        <col bgcolor="red" width="200">
        <col width="100">
        <col width="100">
    </colgroup>
    <thead>
        <tr>
            <th>项目</th><th>姓名</th><th>班级</th><th>成绩</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th></th><td>张三</td><td>1</td><td>22</td>
        </tr>
        <tr>
            <th></th><td>李四</td><td>2</td><td>12</td>
        </tr>
        <tr>
            <th>平均分</th><td></td><td></td><td>17</td>
        </tr>
    </tbody>
    <tfoot>
    <tr>
        <th>总分</th><td></td><td></td><td>34</td>
    </tr>
    </tfoot>
</table>
<table>

<thead> <tbody> <tfoot>不写浏览器也不会报错，而会自动全部加入到tbody里