html如何运用表格,表单

示例如图的任务做一个表格表单

html如何运用表格,表单_第1张图片

 1、了解相关表格,表单标签

拿到任务第一步先熟悉表格表单相关标签

表格相关标签

首先

设置行
设置表头
设置表格单元

这三者遵循先设置行,行里设置表头,第二行开始设置表格单元
colspan合并行
cowspan合并列

合并四个单元格为一列
表头标题

表单标签

表单:提交数据到服务器

action表示提交服务器的地址,跳转页面

//这里是跳转到的地址

        

 

       method提交数据方式

       表单项

        type:表单项的类型

        text:文本

        email:邮箱

        password:密码框

        month:月份

        submit:提交

        reset:重置按钮

        button:普通按钮

        color颜色选择器

        radio:单选框

        checkbox:复选框

        number:数字选择框

输入文本: 
定义单选按钮
定义用于向表单处理程序(form-handler)提交表单的按钮。

示例:

            邮箱:

            密码:

            男:

             女:

             

             

             

             

                 

                    云南师范大学

                 

                 

                    昆明理工大学

                 

                 

                    云南大学

                 

             

 

        

结果如图所示:

 2、现在开始创建表格,表单

源代码:

    

    

    

    Document

    个人简历

    

    姓名

    

    性别

    

    出生年月

    

    

    民族

    

    政治面貌

    

    身高

    

  

    学制

    

    学历

    

    户籍

    

    

    专业

    

    毕业学校

    

    

    

    技能,特长或爱好

 

    外语等级

    

    计算机

    

    

    个人履历

 

    时间

    单位

    经历

    

    

    

    

    

    

    

    

    

    

    联系方式

 

    通讯地址

    

    联系电话

    

 

    E-mail

    

    邮编

    

    自我评价

    

结果如图:

html如何运用表格,表单_第2张图片

 总结笔记:

html如何运用表格,表单_第3张图片

有问题可私聊,喜欢请点赞关注哦~ 

你可能感兴趣的:(html,css,web,html5)