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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 怎么知道我的laravel 是几版本的

    怎么知道我的laravel 是几版本的

    2021年10月10日
    37
  • Django 模型_django反向生成model

    Django 模型_django反向生成model前言随着项目越来越大,采用写原生SQL的方式在代码中会出现大量的SQL语句,那么问题就出现了:1.SQL语句重复利用率不高,越复杂的SQL语句条件越多,代码越长。会出现很多相近的SQL语句。2.

    2022年7月30日
    3
  • DS3231高精度时钟,LCD1602显示,QXmini151版本「建议收藏」

    本设计的主要任务是计时和显示。设计任务的具体要求如下:计时:第一种是通过单片机内部的定时器/计数器来实现为软时钟。第二种是通过专用的硬件时钟芯片来实现为硬时钟。 显示:第一种是数码管显示,分为静态显示和动态显示,动态显示需要占用cpu大量时间来运行,不需要复杂的驱动程序,制作成本不高。第二种是LCD1602液晶显示,能显示出较多的信息并且数字清晰,应用广泛,但是不便于观察。总设计思路阐述1.时钟方案设计及选择:目前有DS3231、DS302、DS12C887三种时钟芯片。本次设计选择DS32

    2022年4月13日
    77
  • JMESPath_英语语法整理

    JMESPath_英语语法整理前言JMESPath是JSON的查询语言。您可以从JSON文档中提取和转换元素官方文档:https://jmespath.org/tutorial.html基本表达式JMESPath用的最多的

    2022年7月28日
    5
  • php将字符串进行ASCII升序排列[通俗易懂]

    php将字符串进行ASCII升序排列[通俗易懂]php将字符串进行ASCII升序排列

    2022年4月24日
    37
  • 硬件介绍CPU显卡内存[通俗易懂]

    硬件介绍CPU显卡内存[通俗易懂]一,CPU主频:这是一个最受新手关注的指标,指的就是CPU内核工作的时钟频率(CPUClockSpeed)。通常所说的某款CPU是多少兆赫兹的,而这个多少兆赫兹就是“CPU的主频”。在学校经常听见一些人问,XXX网吧的CPU2.66G!XXX网吧的才2G,有人用2.66G的赛扬与2.0G-2.66G的P4比,这是无知的表现,和他们争是无意义的:)。主频虽与CPU速度有关系,但确对不是绝对的正比…

    2022年6月20日
    33

发表回复

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

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