表单学习总体代码

    
    




    
用户名称  
    
密码  


    
性别 :
    男
    女
    



爱好:
    睡觉
    吃饭
    打游戏




    按钮:  

    图片按钮： 

     





国家 :
    
        美国
        中国
        俄罗斯
        印度
    



 反馈 : 

    




    
    



邮箱验证 :
    

URL验证 :
    

数字验证 :
    

音量滑块 :
    

搜索框 :
    



    

        点击跳转到指定id文本框
    


    
提示信息测试 : 
    
非空判断测试 :  
    
正则表达式测试（是否为中国大陆号码） : 


    
提交和重置按钮 ：
        
        
    

生成页面填写具体内容后如下图

之前我们说过，将表单提交方式设置为set，可以在跳转action的url中看到所有提交的表单信息，信息如下

http://localhost:63342/Day02/com/xy/HTML/Base/1.我的第一个网页.html?

username=无关风月7707

&pass=123456

&hobby=sleep

&列表名称=China

&textarea=反馈内容

&files=索隆.jpg

&email=xxxxxxx%40qq.com

&url=https%3A%2F%2Fwww.baidu.com

&number=20

&voice=63.5

&search=轩辕剑

&test=无关风月7707

&!null=www

&myemail=87483500

&Button=提交
对比后发现很明显和填写内容保持一致