操作表单（验证）

目录

1、获得和设置表单的值

表单是什么？ from DOM树

获得要提交的信息

2、表单提交验证及前端密码MD5加密

未加密：

提交表单 MD5加密密码 表单优化

---

 

1、获得和设置表单的值

表单是什么？ from DOM树

• 文本框 text

• 下拉框 select

• 单选框 radio

• 多选框 checkbox

• 隐藏域 hidden

• 密码框 password

表单的目的：提交信息

获得要提交的信息

代码：

    
    






    

        用户名：
        
    

    
    

        性别：
        男
        女
    

 

 输出效果：

创建表单，获取文本框的数值

修改文本框的值  

 

 

获取单选框的值（后面可以使用checked去判断是否被选中！）

 

2、表单提交验证及前端密码MD5加密

未加密：

 

    
    





    

        用户名：
        
    
    

        密码：
        
    

    
    提交

 

输出效果：

 

 

提交表单 MD5加密密码 表单优化

代码：

    
    






    

        用户名：
        
    

    
    

        性别：
        男
        女
    

 

也可以参考这个代码：

    
    
    
    




    

        用户名：
    

    

        密码：
    
    
    
    
    
    提交