HTML基础-表单标签,button按钮,select下拉菜单

HTML基础-表单标签

目标和学习路径

HTML基础-表单标签,button按钮,select下拉菜单_第1张图片

1.表单标签

1.1 input系列标签的基本介绍

HTML基础-表单标签,button按钮,select下拉菜单_第2张图片

1.2 input系列标签-文本框

HTML基础-表单标签,button按钮,select下拉菜单_第3张图片

(拓展)value属性和name属性作用介

HTML基础-表单标签,button按钮,select下拉菜单_第4张图片

1.3 input系列标签-密码框

HTML基础-表单标签,button按钮,select下拉菜单_第5张图片

1.4 input系列标签-单选框

HTML基础-表单标签,button按钮,select下拉菜单_第6张图片

1.5 input系列标签-复选框

HTML基础-表单标签,button按钮,select下拉菜单_第7张图片

1.6 input系列标签-文件选择

HTML基础-表单标签,button按钮,select下拉菜单_第8张图片

2.button按钮标签

1.7 input系列标签-按钮

HTML基础-表单标签,button按钮,select下拉菜单_第9张图片

测试代码:




    
    
    
    Document


         
         文本框: 
         

密码框:

单选框:

单选框:

单选框:

多选框:

上传文件: 上传文件:

测试结果:

HTML基础-表单标签,button按钮,select下拉菜单_第10张图片

关于input的标签总结:

HTML基础-表单标签,button按钮,select下拉菜单_第11张图片

3. select下拉菜单

3.1 select下拉菜单标签

HTML基础-表单标签,button按钮,select下拉菜单_第12张图片

4.1 textarea文本域标签

HTML基础-表单标签,button按钮,select下拉菜单_第13张图片

测试代码:




    
    
    
    Document


    

select下拉菜单


详细描述:
性别:

测试结果:

HTML基础-表单标签,button按钮,select下拉菜单_第14张图片

你可能感兴趣的:(html,前端,css,css3,html5)