本文共 2498 字，大约阅读时间需要 8 分钟。

一、HTML表单简介

二、表单元素

三、HTML常用表单元素

四、文本输入元素

1.文本输入语速结构：

2.文本输入元素---文本/密码：

代码示例：

…    
   
            
    
系统登录
            
    
     用户名称：                   
                
    
            
    
     登录密码：                    
                
    
    
   
 

五、单选框元素

1.单选框示例代码及效果

六、复选框元素

1.复选框元素代码示例及效果

七、隐藏域元素

1.隐藏域元素代码示例及效果

八、表单只读/禁用

1.表单只读和禁用属性代码示例及效果

九、文本区输入元素

1.文本区输入元素代码示例及效果

十、下拉选择元素

1.下拉选择元素代码示例及效果

十 一、按钮元素

1.按钮元素代码示例及效果

十二、个人简历网页表格案例

1.代码如下：

    
       
       
           
   
        
    
个人简历
    
                             
      
                       
姓名
                       
                       
性别
                       
                       
出生年月
                       
                       
                  
                  
                       
民族
                       
                       
政治面貌
                       
                       
身高
                       
                  
                  
                       
学制
                       
                       
学历
                       
                       
户籍
                       
                  
                  
                       
专业
                       
                       
毕业学校
                       
                  
                  
                       
技能、特长或爱好
                  
                  
                       
外语等级
                       
                       
计算机
                       
                  
                  
                       
个人履历
                  
                  
                       
时间
                       
单位
                       
经历
                  
                  
                       
                       
                       
                  
                  
                       
                       
                       
                  
                  
                       
                       
                       
                  
                  
                       
联系方式
                  
                  
                       
通信地址
                       
                       
联系电话
                       
                  
                  
                       
E-mail
                       
                       
邮编
                       
                  
                  
                       
自我评价
                  
                  
                       
                  
             
    
    
   

2.运行效果如图：

注：代码使用Chrome浏览器打开，显示效果最佳。

转载地址：https://blog.csdn.net/zy12344321/article/details/117481330 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！