TYUT头歌HTML实训题答案2

1.创建下拉列表

第1关:下拉列表控件相关概念

TYUT头歌HTML实训题答案2_第1张图片TYUT头歌HTML实训题答案2_第2张图片

第2关:创建下拉列表



 
  
  创建下拉列表
 
 
  

第3关:设置多选和默认选项



 
  
  创建多选和默认选项
 
 
  

2.对表单元素分组

第1关:分组元素相关的概念TYUT头歌HTML实训题答案2_第3张图片

TYUT头歌HTML实训题答案2_第4张图片

第2关:对表单元素分组



 
  
  表单分组
 

    
请选择个人爱好 音乐 体育 其他

3.给表单组件添加说明

第1关:label标签相关概念

TYUT头歌HTML实训题答案2_第5张图片

第2关:给表单组件添加说明__单选框(自求多福吧,我也写不出来)


 
  
  为表单的单选控件添加说明
 
   
  
国庆期间你最喜欢看的电影?
夺冠

第3关:给表单组件添加说明——多选框(自求多福吧,我也写不出来)


 
  
  为文本域控件添加说明
 
   
  
推荐人:

第4关:给表单组件添加说明-文本框和文本域


 
  
  为文本域控件添加说明
 
   
  
推荐人:

4.对表单进行验证

第1关:表单验证相关的概念TYUT头歌HTML实训题答案2_第6张图片TYUT头歌HTML实训题答案2_第7张图片

第2关:非空校验

 
  
   
   设置非空校验
  
  
   
密码:

第3关:邮箱校验

 
  
   
   设置邮箱校验
  
  
   
密码:
邮箱:

第4关:pattern验证


  
   
   设置年龄校验
  
  
   
密码:
邮箱:
年龄:

好了,今天就先跟新到这里了,不喜勿喷。

还有哪位大佬能把那两关闯一下,小编实在是心累的不行啦,可以的话写在评论区吧!

你可能感兴趣的:(web,html,前端)