web前端（第一天作业）

练习

作业 1 ： ** 自己可以参考上面代码，尝试着练习完成，如下界面

要求：

1. 用户名为文本框，名称为 UserName ，长度为 15 ，最大字符数为 20 。

2. 密码为密码框，名称为 UserPass ，长度为 15 ，最大字符数为 20 。

3. 性别为两个单选按钮，名称为 sex ，值分别为男和女，男默认选中。

4. 爱好是三个多选按钮，名称为 like ，值分别为写作、听音乐、体育。

5. 省份为下拉框，名称为 province ，选项的键 - 值对为 Key: 陕西省， value:shaanxi ； Key: 山西省，

value:shanx ；陕西省默认选中。

6. 自我介绍为多行文本框，名称为 intro ，宽 25 ，高 5 ，默认值为 “ 这个家伙什么也没留下 ” 。

7. 提交按钮，名称为 “send” ，标签为 “ 提交 ” 。

8. 重置按钮，名称为 “reset” ，标签为 “ 重置 ” 。

9. 参照图使用表格定位表单。

一、代码：

    
    
    


    

        

            用户名:
            
        
        

            密码：
            
        
        

            性别:
             男  女 

        
        

            爱好:
            
            写作
            
            听音乐
            
            体育
        
        

            省份:
            
                --请选择--
                陕西省
                山西省
            
        
        

            自我介绍
                这个家伙什么也没留下
        
    
        
        
    
    

二、效果截图：

作业 2 ： 完成如下转转页面

一、代码：

	
	
	
	
工商银行电子汇款单


  

  	

  		
回单类型
  		
网上转账汇款
  		
指令序号
  		
656515466
  	
  	

  		
收
款
人
  		
卡户
  		
张三
  		
付
款
人
  		
户名
  		
霄怡
  	
  	

     	
卡号
  	  
2177359824
  	  
卡号
     	
00000000002
  	
  	

  		
地区
  		
南京
  		
地区
  		
杭州
  	
  	

  		
网点
  		
工商江苏南京业务处理中心
  		
网点
  		
江苏徐州业务中心
  	
  	

  		
币种
  		
人民币
  		
钞标准
  		
钞票
  	
  	

  		
金额
  		
1.00元
  		
手续费
  		
0.75元
  	
  	

  	  
合计
  	    
人民币（大写）：壹
  	
  	

  		
交易时间
  		
2023年1月8日
  		
时间戳
  		
2024-01-08-13.00.00.0000
  	
  
	
票据打印时间：2021-06-04
	
票据打印单位：xx银行
    
操作员：秦霄贤

二、效果截图：

作业 3 ： 李白诗词

一、代码：

    
        
        
    
    
            
将进酒君不见黄河之水天上来
            

                

            

                君不见黄河之水天上来，奔流到海不复回。

                君不见高堂明镜悲白发，朝如青丝暮成雪

                人生得意须尽欢，莫使金樽空对月。

                天生我材必有用，千金散尽还复来。

                烹羊宰牛且为乐，会须一饮三百杯。

                与君歌一曲，请君为我倾耳听。

                钟鼓馔玉不足贵，但愿长醉不愿醒。

                陈王昔时宴平乐，斗酒十千恣欢谑。

                主人何为言少钱，径须沽取对君酌。

                五花马、千金裘，呼儿将出换美酒，与尔同销万古愁。

                
        
    

二、效果截图：

作业 4 ： 豆瓣电影

一、代码：

	
		
		
	
	
		
热门电影板块
		

		

			

				
最近热门电影
				
热门
				
最新
				
豆瓣高分
				
冷门佳片
				
华语
				
欧美
				
韩国
				
日本
				
更多>>
			
		
		

		

			

				

				

				

				

			
			

				
猜火车  8.1
				
贝尔科实验  6.0
				
加州公路巡警  6.8
				
歌声不绝  6.3
			
			

				

				

				

				

			
			

				
明日的我与昨日的我
				
速度与激情8 
				
极速特工 
				
金刚狼3:殊死一战 
			
		
	

二、效果截图：