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


相关推荐

  • 低噪放大器

    0引言在雷达射频接收系统中,对系统性能指标的要求越来越高,其中低噪声放大器是影响着整个接收系统的噪声指标的重要因素。与普通的放大器相比,低噪声放大器作用比较突出,一方面可以减少系统的杂波干扰,提高系统的灵敏度;另一方面可以放大系统的射频信号,保证系统正常工作。因此,低噪声放大器的性能制约着整个接收系统的性能,对整个接收系统性能的提高起了决定性的作用。因此,研制宽频带、高性能、更低噪声的放大器

    2022年4月6日
    70
  • cmd查看端口被占用并关闭「建议收藏」

    cmd查看端口被占用并关闭「建议收藏」1、netstat-nao|findstr”8000″2、tasklist|findstr”157468″3、taskkill/f/t/imCLodopPrint64.exe

    2022年5月12日
    41
  • Android游戏引擎_开源可视化规则引擎

    Android游戏引擎_开源可视化规则引擎1、AngleAngle是一款专为Android平台设计的,敏捷且适合快速开发的2D游戏引擎,基于OpenGLES技术开发。该引擎全部用Java代码编写,并且可以根据自己的需要替换里面的实现,缺陷在于文档不足,而且下载的代码中仅仅包含有少量的示例教程。最低运行环境要求不详。项目地址:http://code.google.com/p/angle/2、Rokonrokon是一

    2022年9月19日
    1
  • word2016在试图打开文件时遇到错误

    word2016在试图打开文件时遇到错误从网上下载的文件遇到这种情况:解决方法:

    2022年4月30日
    42
  • 串口调试助手(CM野人版)4.0有严重Bug,已经跟作者反应,等候更新

    串口调试助手(CM野人版)4.0有严重Bug,已经跟作者反应,等候更新这个软件,看起来很漂亮,能任意设置波特率,支持921600波特率,看起来很华丽。但最近发现其一个严重的Bug:版本就是4.0我打印了一些信息:能正常显示。我把这些打印的代码行给注释了,依然能打印出来,见鬼了。然后我重启电脑,问题消失,不再打印注释过的代码行。我换了别的串口助手,问题消失。所以一定是这个助手的问题。基础的调试软件出问题,非常不易发现,带来的损失非常大。建

    2022年5月8日
    85
  • Synth_Runner命令:合成控制法高效实现

    Synth_Runner命令:合成控制法高效实现原文链接:https://www.lianxh.cn/news/db3d2785cd5c0.html目录1.背景介绍 2.合成控制法原理 3.合成控制高效实现:`synth_runner` 3.1命令安装 3.2语法格式 3.3加州控烟案例 4.参考资料连享会合成控制法专题推文合成控制法(SyntheticControlMethod)及Stata实现 Stata:合成控制法程序 Stata:合成控制法synth命令无法加载pl…

    2022年5月1日
    66

发表回复

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

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