HTML基础拓展

表单

    
    


?
登录




    
    
    
    
    

    
    

    

        
        
        
        
    
    
性别：
        
        
        
        男
        女
    
    
爱好：
        
        
        
        吃东西
        睡觉
        音乐
        游戏
    
    

        
        
        
        
    
    

        
        
    
    

        
        
        网址：
        
        邮箱：
        
        
        
        
        数字: 
    
    

        音量：
    
    
国籍：
        
        
            
            
            中国
            美国
            英国
            日本
        
    
    
    
    
    默认存在于文本域中的内容

?

提交方式（重点）

get方式

• 明文传输，提交之后可以通过浏览器的url可以看到提交的数据。

• 不安全，但高效。

port方式

• 也是明文传输，虽然非明面上可见，但是也有方法可以看到提交的数据。

• 可以传输大文件。

查看port方式提交的数据

在浏览器中按F12打开开发者页面，通过Network选项卡可以查看提交的数据。

get和port是后端也需要掌握的关键点，很多网站的API都需要我们通过这两种方式来获取数据。

通用属性

• readonly（元素只读）

• disabled（元素禁用）

• hidden（元素隐藏）

  • hidden标签可以通过隐藏表单元素提交一些默认的数据。

• placehoider（提示信息，就是文本框里面灰色的默认提示）

• required（非空判断，必填，不填不让提交）

• pattren（正则表达式，用来判断输入的内容是否合法，百度可查）