HTML 表格表单代码实例(个人简介表)

HTML 表格表单代码实例(个人简介表)<!DOCTYPEhtml><htmllang=”en”><head><metacharset=”UTF-8″><metahttp-equiv=”X-UA-Compatible”content=”IE=edge”><metaname=”viewport”content=”width=device-width,initial-scale=1.0″><title&…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

写个人简介表所需知识点:

1.<tr>…</tr> 行标识

2.<td>…</td>单元格标识

3.colspan 多列合并成一列

4.rowspan 多行合并成一行

5.textarea文本区

6.<input …>表单交互元素

拿走请三联,并注明出处呀

<!DOCTYPE html>

<html lang=”en”>

<head>

    <meta charset=”UTF-8″>

    <meta http-equiv=”X-UA-Compatible” content=”IE=edge”>

    <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>

    <title>个人简介</title>

</head>

<body>

    <h1 align=center>个人简介</h1>

    <table align=center border=”1″>

 

            <tr align=”middle”>

                <td>姓名</td>

                <td><input type=“text” 姓名=“xxx”></td>

                <td>性别</td>

                <td><input type=“text” 性别=“xxx”></td>

                <td>出生年月</td>

                <td><input type=“text” 出生年月=“xxx”></td>

                <td rowspan=”4″><input type=”file”></td>

            </tr>

            <tr align=”middle”>

                <td>民族</td>

                <td><input type=“text” 民族=“xxx”></td>

                <td>政治面貌</td>

                <td><input type=“text” 政治面貌=“xxx”></td>

                <td>身高</td>

                <td><input type=“text” 身高=“xxx”></td>

            </tr>

            <tr align=”middle”>

                <td>学制</td>

                <td><input type=“text” 学制=“xxx”></td>

                <td>学历</td>

                <td><input type=“text” 学历=“xxx”></td>

                <td>户籍</td>

                <td><input type=“text” 户籍=“xxx”></td>

            </tr>

            <tr align=”center”>

                <td>专业</td>

                <td><input type=“text” ></td>

                <td colspan=”2″>毕业学校</td>

                <td colspan=”2″><input type=“text” style=”width: 98%;”></td>

            </tr>

            <tr align=”center”>

                <td colspan=”7″>技能、特长或爱好</td>

            </tr>

            <tr align=”center”>

                <td colspan=”2″>外语等级</td>

                <td colspan=”2″><input type=“text” style=”width: 98%;”></td>

                <td colspan=”2″>毕业学校</td>

                <td colspan=”2″><input type=“text” style=”width: 98%;”></td>

            </tr>

            <tr align=”center”>

                <td colspan=”7″>个人履历</td>

            </tr>

            <tr align=”middle”>

                <td>时间</td>

                <td colspan=”2″>单位</td>

                <td colspan=”4″ align=”center”>经历</td>

            </tr>

            <tr align=”middle”>

                <td><input type=“text”></td>

                <td colspan=”2″><input type=“text” style=”width: 99%;”></td>

                <td colspan=”4″><input type=“text” style=”width: 99%;”></td>

            </tr>

            <tr align=”middle”>

                <td><input type=“text”></td>

                <td colspan=”2″><input type=“text” style=”width: 99%;”></td>

                <td colspan=”4″><input type=“text” style=”width: 99%;”></td>

            </tr>

            <tr align=”middle”>

                <td><input type=“text”></td>

                <td colspan=”2″><input type=“text” style=”width: 99%;”></td>

                <td colspan=”4″><input type=“text” style=”width: 99%;”></td>

            </tr>

            <tr align=”center”>

                <td colspan=”7″>联系方式</td>

            </tr>

            <tr align=”middle”>

                <td colspan=”2″>通信地址</td>

                <td colspan=”2″><input type=“text” style=”width: 98%;”></td>

                <td colspan=”2″>联系电话</td>

                <td colspan=”2″><input type=“text” style=”width: 98%;”></td>

            </tr>

            <tr align=”center”>

                <td colspan=”2″>E-mail</td>

                <td colspan=”2″><input type=“text” style=”width: 98%;”></td>

                <td colspan=”2″>邮编</td>

                <td colspan=”2″><input type=“text” style=”width: 98%;”></td>

            </tr>

            <tr align=”center”>

                <td colspan=”7″>自我评价</td>

            </tr>

            <tr align=”center”>

                <td colspan=”7″><textarea name= “myBrief” cols=”40″ rows=”20″ style=”width: 99%;”></textarea></td>

            </tr>    

        </table>

</body>

</html>

HTML 表格表单代码实例(个人简介表)

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/157800.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • mpvue小程序轮播图绑定动态点击事件

    mpvue小程序轮播图绑定动态点击事件分享一个mpvue小程序轮播图绑定动态点击跳转页面,这个源码可以直接引用。

    2022年5月21日
    46
  • 基于ARM的嵌入式大容量数据存储解决方案「建议收藏」

    基于ARM的嵌入式大容量数据存储解决方案「建议收藏」恒颐成功案例   *  某单位舰载信息黑匣子;   *  消防主机监控与采集终端;应用背景  随着32位嵌入式微处理器的推广使用,越来越多的应用场合需要大容量的数据存储解决方案,传统的基于U盘、硬盘、SD/MMC卡存储方案,虽然也能实现大容量数据存储的功能,但无论是系统体积、成本、功耗、可靠性和易用性等方面都不尽如人意,因此,迫切需要一种能以较低的成本、功耗和体积,实现大容量、高

    2022年10月7日
    0
  • 【OpenCV人脸识别入门教程之二】人脸检测

    【OpenCV人脸识别入门教程之二】人脸检测本篇文章主要介绍了如何使用OpenCV实现人脸检测的功能。要实现人脸识别功能,首先要进行人脸检测,判断出图片中人脸的位置,才能进行下一步的操作。人脸检测的方法介绍OpenCV中的方法函数参数含义代码实现

    2022年6月7日
    83
  • linux网络重启失败「建议收藏」

    linux网络重启失败「建议收藏」问题:网络重启失败如下:[root@localhost~]#systemctlrestartnetworkJobfornetwork.servicefailedbecausethecontrolprocessexitedwitherrorcode.See”systemctlstatusnetwork.service”and”journalctl…

    2022年10月21日
    1
  • 电脑装机必备app_电脑装机必备的软件有哪些

    电脑装机必备app_电脑装机必备的软件有哪些每个人的电脑上都会安装各种各样的软件。不同年龄段,不同人生时期,不同工作环境下的人都会有属于自己专业的软件工具。当然大多人都会有一些共有的软件。比如360,QQ。今日无事。来和大家探讨下电脑装机软件。一般电脑装机软件我分为四类:一、装机必备类二、娱乐休闲类三、日常工具类四、工作类office系列:无论微软还是金山的WPS,

    2022年9月23日
    1
  • Vue(renren-fast_vue_master)项目目录结构[通俗易懂]

    Vue(renren-fast_vue_master)项目目录结构[通俗易懂]打算做一个请假管理OA项目Demo,后端采用renren-fast框架,后台管理系统采用renren-fast_vue_master项目,打算利用renren-fast-vue-master改造成一个简单的请假管理系统,包含注册、登陆、请假流程查看等等简单的展示即可,由于之前没做过Vue,现简单地介绍下项目目录结构:├──build/#Webpack配…

    2025年7月6日
    1

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号