form标签、input和button、table标签

form标签：跳转页面（HTTP POST 请求）

• form表单里必须要有input “提交” 按钮，否则无法提交这个form，除非你用JS
• form标签一般是用来发 POST 请求的

link


  
  
  

Content-Type

• POST请求: name会带到第四部分作为它的key，而GET不会，而是将其作为查询参数显示
• file协议不支持POST
• HTTP协议不安全，网络一旦被监听，用户名和密码就会泄露

input和button

• 如果只写了一个button，没有写type，那么会自动升级为一个提交按钮，默认是submit，如果写了，就按照type执行

button
button

• submit是唯一能够确定form表单能否点击提交的按钮，而button只是一个普通的按钮，和提交没有关系

• checkbox: 多选框勾选。
  label表示点击文字即勾选，用途是和一个input关联，同属于一个checkbox的选项用同一个name。

自动登录
或
用户名
密码
自动登录
记住密码

• radio: 单选框圆点勾选。

Yes
No

• select: 分组。value为空或者不写则无选项；disabled不可选；selected默认勾选。

  -
  第一组
  第二组
  第三组
  第四组

• textarea: 多行文本。用户可以填写多行文本，默认可以随意调节宽高，可以用CSS设置固定resize:none; cols列数; rows行数。

区别：input没有子元素，而button有子元素（span等）

table标签：很少用

• HTML规定，table标签里只能有三个元素：thead，tbody 和 tfoot。

• thead, tbody, tfoot 三个元素顺序是固定的，代码顺序乱了浏览器也是按顺序显示。
• 没有写tbody浏览器会自动补上，thead 或 tfoot没写就默认显示tbody内，都没写就按照写的顺序显示。
• border默认边框是有空隙的，加上collapse边框就是实线。

  
  
  


  

    
      
      
      
           
    
    

      

        
项目
姓名
班级
分数
      
    
    

      

        
张三
一班
94
        
      
      

        
李四
二班
96
        
      
      
      

        
平均分
95
        
      
    
    

      

        
总分
190
        
      
    
  

默认border

加上collapse