当前位置: 首页 > news >正文

HTML的列表、表格与表单标签的使用

列表、表格和表单标签的常用属性归纳,如下图所示:

一、列表标签举例

列表标签的应用,源代码如下所示:

<!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>搜索引擎排名</h1><ol><li>Google</li><li>Baidu</li><li>Bing</li><li>Sogou</li></ol><h1>软件编程语言</h1><ul><li>Java</li><li>C++</li><li>Python</li><li>JavaScript</li></ul><h1>健康食品</h1><dl><dt>水果</dt><dd>苹果</dd><dd>香蕉</dd><dt>蔬菜</dt><dd>西兰花</dd><dd>菠菜</dd></dl>
</body>
</html>

运行结果如下图所示:

二、表格和表单标签

表格标签和表单标签举例,如制作个人简历,源代码如下所示:

<!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>
<style>h2{text-align: center;}input{width: 100%;height: 100%;border:0px;}td{width: 95px;height: 30px;overflow: hidden;}table{text-align: center;margin: auto;}
</style>
<body><form><h2>个人简历</h2><table border="1" ><tr><td>姓名</td><td><input type="text"></td><td>性别</td><td><input type="text"></td><td>出生年月</td><td><input type="text"></td><td rowspan="4"><input type="file"></td></tr><tr><td>民族</td><td><input type="text"></td><td>政治面貌</td><td><input type="text"></td><td>身高</td><td><input type="text"></td></tr><tr><td>学制</td><td><input type="text"></td><td>学历</td><td><input type="text"></td><td>户籍</td><td><input type="text"></td></tr><tr><td>专业</td><td><input type="text"></td><td colspan="2">毕业学校</td><td colspan="2"><input type="text"></td></tr><tr><td colspan="7">技能、特长或爱好</td></tr><tr><td>外语等级</td><td colspan="2"><input type="text"></td><td>计算机</td><td colspan="3"><input type="text"></td></tr><tr><td colspan="7">个人履历</td></tr><tr><td>时间</td><td colspan="2">单位</td><td colspan="4">经历</td></tr><tr><td><input type="text"></td><td colspan="2"><input type="text"></td><td colspan="4"><input type="text"></td></tr><tr><td><input type="text"></td><td colspan="2"><input type="text"></td><td colspan="4"><input type="text"></td></tr><tr><td><input type="text"></td><td colspan="2"><input type="text"></td><td colspan="4"><input type="text"></td></tr><tr><td colspan="7">联系方式</td></tr><tr><td>通讯地址</td><td colspan="2"><input type="text"></td><td>联系电话</td><td colspan="3"><input type="text"></td></tr><tr><td>E-mail</td><td colspan="2"><input type="text"></td><td>邮编</td><td colspan="3"><input type="text"></td></tr><tr><td colspan="7">自我评价</td></tr><tr><td colspan="7"><input type="text"></td></tr></table></form>
</body>
</html>

程序运行结果如下图所示:

这次就分享这么多,如有不足,欢迎大家留言讨论。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.exyb.cn/news/show-3094.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈,一经查实,立即删除!

promise

promise是es6 中专门用来处理异步回调的&#xff0c;可以解决回调地狱 promise是一个构造函数&#xff0c;这个构造函数中放一个回调函数作为参数&#xff0c;这个回调函数中放的是异步的操作&#xff0c; 对于一个异步操作来说执行是需要时间的&#xff0c;所以一开始promise是…...

Flink大数据实时计算系列-第一个程序JAVA版本-分组统计

Flink大数据实时计算系列-第一个程序JAVA版本-分组 在基线版本上增加了分组统计的代码 #Flink代码 package com.flinkniu.flink.operator;import org.apache.flink.api.common.typeinfo.Types; import org.apache.flink...

boost::geometry::model::multi_polygon用法的测试程序

boost::geometry::model::multi_polygon用法的测试程序 实现功能C++实现代码实现功能 boost::geometry::model::multi_polygon用法的测试程序 C++实现代码 #include <algorithms/area/test_area.hpp> #include <boost/geometry/geometries/geometries.hpp> #inc…...

Ant Design Vue实现a-table表格单元格合并

Ant Design Vue实现a-table表格单元格合并 参考Ant design Vue官网关于行和列合并api https://antdv.com/components/table-cn/ 下面官网对表格合并这块的描述 &#xff01;&#xff01;&#xff01;注意注意注意重要事情说三遍&#xff1a;很多同学都习惯性的将columns写在d…...

【CoppeliaSim】Solidworks中模型导出模型到V-REP

一、下载安装插件 插件名称&#xff1a;sw2urdfSetup 下载地址&#xff1a;https://github.com/ros/solidworks_urdf_exporter/releases/tag/1.6.0 下载后直接安装即可。安装成功后&#xff0c;可在SolidWorks的菜单栏中看到&#xff1a;工具-Tools-Export as URDF 二、导出…...

css中id和class的区别

css中id和class的区别ID是唯一的类不是唯一的语法区别ID是唯一的 每个元素仅可以有一个ID每个页面仅可以有一个元素拥有这个ID 类不是唯一的 你可以在多个元素中使用相同的类你可以使用多个类在一个元素中 语法区别 id对应css是用样式选择符“#”&#xff08;井号&#xff…...

程序员如何快速成长

如何快速成长 每个程序员都是从菜鸟成长过来&#xff0c;我自己也不例外。以下是我个人一些总结和结合网上别人的经验&#xff0c;希望对大家有帮助&#xff01; 主动学习 保持危机感 35岁后你能做什么&#xff1f;为何同龄人已经是行业专家&#xff1f; 对知识保持好奇心 多…...

配置minio支持https

官网文档&#xff1a;https://docs.min.io/docs/how-to-secure-access-to-minio-server-with-tls.html 在${HOME}.minio/certs文件夹下 1、生成私钥 openssl genrsa -out private.key 2048 2、生成自签名证书 创建一个以openssl.conf以下内容命名的文件。设置IP.1和/或DNS.…...

力扣刷题:动态规划篇

目录322. 零钱兑换题目介绍题目实现5. 最长回文子串题目介绍题目实现518. 零钱兑换 II题目介绍题目实现53. 最大子序和题目介绍题目实现63. 不同路径 II题目介绍[62. 不同路径](https://leetcode-cn.com/problems/unique-paths/)题目实现70. 爬楼梯题目介绍题目实现72. 编辑距离…...

Java面试list 和 set 区别

List和Set的区别 List:&#xff1a;有序&#xff0c;按对象进入的的序保存对象&#xff0c;可可允许多个Null元素对象&#xff0c;可以使用lterator迭取出所有元素。在逐一便历&#xff0c;也可以使用get(int index)获取指定下标的元素 Set&#xff1a;无序&#xff0c;不可重复…...

诚意分享:这里有份超全Java体系化进阶学习图谱

摘要 Apache Kafka是一个分布式消息发布订阅系统。它最初由LinkedIn公司基于独特的设计实现为一个分布式的提交日志系统( a distributed commit log)&#xff0c;之后成为Apache项目的一部分。 成千上万的企业都在使用Kafka&#xff0c;三分之一的世界500强公司也在其中&…...

论文解读:3D U-Net: Learning Dense Volumetric Segmentation from Sparse Annotation

要点 1. 提出了3D U-Net&#xff1a;从稀疏标注的体素图像中学习的立体分割网络。 2. 有两个方案&#xff1a;第一是&#xff0c;在待分割立体图像中标注其中的一些切片&#xff0c;网络从这些标注中学习&#xff0c;再为这个空间提供密集的3D分割&#xff1b;第二是&#xff…...

基于51单片机的温度报警系统

目录 前言 一、温控系统是什么&#xff1f; 二、设计目的 1.环境需求 2.设计基础 三、设计 1.C51程序设计 2.Proteus仿真 &#xff08;1&#xff09;.元器件如下 &#xff08;2&#xff09;.原理图。 总结 前言 微型计算器自20世纪70年代诞生以来&#xff0c;得以迅…...

requests+re爬取猫眼电影排行

import requests from requests.exceptions import RequestException import re,json,timedef get_one_page(url):#获取网页信息try:headers {User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.212 Safari/53…...

StringBoot编程式事务与声明式事务,附详细答案

前言 互联网时代&#xff0c;瞬息万变。一个小小的走错&#xff0c;就有可能落后于别人。我们没办法去预测任何行业、任何职业未来十年会怎么样&#xff0c;因为未来谁都不能确定。只能说只要有互联网存在&#xff0c;程序员依然是个高薪热门行业。只要跟随着时代的脚步&#…...

Twitter教程:如何下载Twitter数据副本?

Twitterrific Mac破解版是一款非常现代化优秀的桌面Twitter客户端,这款软件不仅看起来惊人,它的表现也是非常棒的,本文给大家的带来了如何下载Twitter数据副本的教程。 教程如下 在 iPhone 或 iPad 上打开“Twitter”。&#xff08;您也可以使用 Twitter.com 网站&#xff09…...

Android面试必刷的200道真题,吐血整理

&#xfffd;&#xfffd;&#xfffd;&#xfffd;&#xfffd;&#xfffd;&#xfffd;&#xfffd;&#xfffd;&#xfffd;&#xfffd;&#xfffd;&#xfffd;&#xfffd;&#xfffd;&#xfffd;&#xfffd;&#xfffd;&#xfffd;&#xfffd;&#xfffd;&am...

4-1 Python常用内置算法与数据结构常考题

一、你使用过哪些常用内置算法和数据结构 仔细回想一下你用过哪些内置的算法数据结构&#xff1f; 1.sorted 2.dict/list/set/tuple… 3.问题&#xff1a;想的不全或者压根没了解和使用过 数据结构/算法语言内置内置库线性结构list(列表)/tuple(元组)array(数组&#xff0c;不…...

【内网学习笔记】8、powercat 的使用

1、下载安装 powercat powercat 可以视为 nc 的 powershell 版本&#xff0c;因此也可以和 nc 进行连接。 powercat 可在 github 进行下载&#xff0c;项目地址为&#xff1a;https://github.com/besimorhino/powercat 下载下来 powercat.ps1 文件后&#xff0c;直接导入即可…...

栈和队列(二) : 用栈实现队列

leetcode232.用栈实现队列 https://leetcode-cn.com/problems/implement-queue-using-stacks/ 使用栈实现队列的下列操作&#xff1a; push(x) – 将一个元素放入队列的尾部。 pop() – 从队列首部移除元素。 peek() – 返回队列首部的元素。 empty() – 返回队列是否为空。…...

关于Apple Silicon-M1的进阶解读

如果大家对文章感兴趣&#xff0c;欢迎转发&#xff0c;收藏&#xff0c;评论。感谢支持&#xff01; 如果你对计算机科学和科技类知识感兴趣&#xff0c;请 Follow【老铁的最新号外】各平台同名&#xff0c;持续更新&#xff0c;感谢支持。 1. 苹果为什么要自研Apple Silicon-…...

剖析Android开发未来的出路在哪里,一篇文章帮你解答

前言 在这个网络发展快速的时代&#xff0c;我想问为什么你选择做程序员&#xff1f;有人说因为不善交际&#xff0c;也有人说最火的行业互联网&#xff0c;最好的职业程序员。确实在这个繁荣的行业&#xff0c;只要你自己不下船技术不水&#xff0c;就可以衣食无忧&#xff0…...

封装普通数字格式转为会计金额格式的方法及使用

封装普通数字格式转为会计金额格式的方法及使用的流程如下 一、把方法封装在format.js里 // 普通数字转会计金额格式 function moneyFormat(num) {// 判断传进来的数字是否为非空数字if (!isNaN(parseFloat(num))) {var newNum Number(Number(num).toFixed(2)).toLocaleStri…...

第七章——实现-测试1【应聘准备可看看】

第七章——实现-测试12 软件测试基础2.1 测试的目标&#xff08;尽可能&#xff09;2.2 测试原则2.3 测试方法2.4 测试步骤2.5 测试阶段的信息流3 单元测试3.1 测试重点3.2 代码审查3.3 计算机测试4 集成测试4.1 自顶向下集成4.2 自底向上集成5 确认测试5.4 软件配置复查5.3 Al…...

ElasticSearch: 配置远程词库更新后,如何使历史存储的数据立马生效(即刷新倒排索引列表)

问题背景 在我们自定义拓展词库更改后&#xff0c;在原先的索引文档中&#xff0c;由于不是新插入的数据&#xff0c;所以其倒排索引列表还是原先的分词列表数据&#xff0c;导致就算拓展了词库&#xff0c;新增的分词也没有生效。在不重新导入数据的前提下&#xff0c;处理办…...

一步搞定你疑惑的数据结构与算法系列,原理+实战讲解

前言 假如你去面试&#xff0c;面试官让你聊一下对索引的理解&#xff0c;然而你对索引的理解仅限于&#xff0c;检索数据就是快&#xff0c;是一种数据结构这个层面&#xff0c;那你就只能回家等通知了。 为了避免这种尴尬的事情发生&#xff0c;咔咔用时两天将索引的内容在…...

你有过迷茫吗?最全的BAT大厂面试题整理

前言 文章篇幅较长&#xff0c;建议耐心食用&#xff0c;相信对你有帮助。码字不易&#xff0c;如果有误&#xff0c;欢迎指出。 前部分是面试经历&#xff0c;后部分是附带的问题笔记/推荐回答/书籍。 我的微信小号有一组特殊的朋友。他们从 CSDN上看到我之前发布的《从阿里到…...

做了3年Android还没看过OkHttp源码?大厂面经合集

缘起 随着互联网企业的不断发展&#xff0c;产品项目中的模块越来越多&#xff0c;用户体验要求也越来越高&#xff0c;想实现小步快跑、快速迭代的目的越来越难&#xff0c;还有65535&#xff0c;应用之间的互相调用等等问题&#xff0c;插件化技术应用而生。如果没有插件化技…...

StringBoot编程式事务与声明式事务,附详细答案

前言 互联网时代&#xff0c;瞬息万变。一个小小的走错&#xff0c;就有可能落后于别人。我们没办法去预测任何行业、任何职业未来十年会怎么样&#xff0c;因为未来谁都不能确定。只能说只要有互联网存在&#xff0c;程序员依然是个高薪热门行业。只要跟随着时代的脚步&#…...

win10连接上OpenVpn后发现访问互联网的东西会有些不稳定

场景&#xff1a; opevpn是服务器有公网ip&#xff0c;客户端是我自己的电脑&#xff08;win10&#xff09;&#xff0c;连上去感觉一切良好&#xff0c;一段时间后发现网络使用不了 问题 问题在于一般配置之后&#xff0c;我们访问的网站或者互联网上的东西都会走vpn隧道&a…...

有关《家》的经典歌曲_【经典】50首诗词,做成50首歌曲,够你享受一整年!(收藏了慢慢听)...

原标题&#xff1a;【经典】50首诗词&#xff0c;做成50首歌曲&#xff0c;够你享受一整年&#xff01;(收藏了慢慢听)一边痛饮一边唱着《将进酒》&#xff0c;该有多潇洒&#xff0c;当《关雎》化成歌声&#xff0c;是何等缱绻缠绵&#xff0c;当《送别》用现代歌曲唱出来&…...

浅谈青年在选择职业时的考虑

浅谈青年在选择职业时的考虑 文章目录浅谈青年在选择职业时的考虑一、引言二、原文链接三、个人对于青年在选择职业时的考虑的浅谈总起职业选择的重要性职业选择需要考虑的一些方面兴趣爱好理性分析结合实际工作的尊严问题国家和社会的需求总结一下考虑的方面祝愿大家有一个完美…...

试论开源生态的经济模型

| 作者&#xff1a;庄表伟| 编辑&#xff1a;金心悦| 设计&#xff1a;朱亿钦| 责编&#xff1a;王玥敏缘起这是一个我一直想写&#xff0c;却一直没有想得非常清楚的课题。目标非常清楚&#xff1a;通过创建一种经济模型&#xff0c;来分析开源生态中的各种问题。上一次在CHAO…...

犹太人成功和浪漫的秘诀(.html)

目录 1 心悦卿兮 2 代码实现&#xff08;.html&#xff09; 3 犹太人的成功秘诀——《塔木德》 3 投资于比金钱更有价值的时间 1 心悦卿兮 视频&#xff1a; 美好的结局2 代码实现&#xff08;.html&#xff09; <!DOCTYPE html> <html> <head><…...

再看中国法院是怎么对待GPL的

| 作者&#xff1a;卫剑钒| 编辑&#xff1a;金心悦| 设计&#xff1a;周颖| 责编&#xff1a;王玥敏最近&#xff0c;朋友推荐我阅读一份和GPL1有关的判决书&#xff0c;说写得很好。抽时间看了一下&#xff0c;果然水平很高&#xff0c;完全不亚于上次我介绍的深圳市中级人民…...

欢迎来到NKN2.0的世界|NKN2.0生态系统

NKN2.0介绍点击视频&#xff0c;与NKN2.0一同开启新定义下的未来区块链。...

记录KNN

是什么 监督学习&#xff0c;分类算法 【近朱者赤&#xff0c;离谁近就是谁】 原理 当输入一个新数据时&#xff0c;计算新数据与训练数据的距离根据距离从小到大将样本点进行排序取前K个样本点在这K个样本点对应的类别中&#xff0c;哪个类别出现的次数最多就是新数据对应的…...

NKN WEB3.0网络峰会精彩片段回顾:特邀嘉宾IPFS/Filecoin

NKN于6月主办的Web3.0研讨会的所有与会嘉宾企业都已经成功实现了网络与区块链系统跨越式的连接解决方案&#xff0c;作为Web3.0未来蓝图的最重要的拼图之一&#xff0c;来自IPFS项目首席研究员兼Filecoin项目负责人的Colin向我们分享了Filecoin新项目的实际问题解决方案与落实技…...

NKN WEB3.0网络峰会精彩片段回顾:特邀嘉宾THETA LABS

在六月底&#xff0c;由NKN主办的有关WEB3.0的网络研讨会中&#xff0c;诸多行业界的尖端团队及伙伴都作为受邀嘉宾参与了本次与技术相关&#xff0c;与未来接轨的云分享。 今天让我们重温THETA labs的CTO jieyi Long在会上提出的讨论与解析&#xff1a;从全球视频行业大环境的…...

去中心化网络基础设施NKN发布主网版本v2.1

去中心化端对端网络连接协议和生态系统New Kind of Network&#xff08;NKN&#xff09;发布主网版本v2.1。该版本包括两个变化&#xff1a; 1. 将奖金挖矿奖励调整间隔从1576800个区块更改为1个区块。此更改仅影响捐赠贡献&#xff08;包括生成ID费用贡献)的奖金挖矿奖励。奖金…...

NKN与Synology群晖科技开展合作,远程安全解决方案

NKN与Synology群晖科技开展合作&#xff0c;远程安全解决方案   中国北京&#xff08;2020年10月29日&#xff09;– 在不断致力于成为Web 3.0时代网络基础架构与产品的领先方案提供商之余&#xff0c;NKN于近日宣布了与Synology群晖科技中国区公司签署了商业合作合同。 NKN的…...

在c语言中int i k d,c语言int *pInt=(int *)d; 什么意思?

满意答案OooO羊OooO2018.10.26采纳率&#xff1a;44% 等级&#xff1a;12已帮助&#xff1a;20767人//这句是数值赋值。使用了类型转换&#xff0c;double类型转int类型时&#xff0c;只取double的整数部分。&#xff0c;所以x100int x d;//这句是指针赋值。double类型的指…...

学不会的DP acwing 271. 杨老师的照相排列 [线性DP]

题目 有 NN 个学生合影&#xff0c;站成左端对齐的 kk 排&#xff0c;每排分别有 N1,N2,…,NkN1,N2,…,Nk 个人。 (N1≥N2≥…≥NkN1≥N2≥…≥Nk) 第 11 排站在最后边&#xff0c;第 kk 排站在最前边。 学生的身高互不相同&#xff0c;把他们从高到底依次标记为 1,2,…,N1,…...

关于LightGCN数据的格式

本文针对Q群某人的骂街。原文一字不差。如下&#xff1a; ——————分割线—————— 鉴于你对LightGCN比较熟悉&#xff0c;故而以https://github.com/kuandeng/LightGCN该项目为例进行说明。 整体流程想必你已经跑通&#xff0c;如下示例&#xff1a; python LightG…...

【一万NKN奖学金+工作机会!】区块链项目式学习第一课-去中心化的网络传输...

在区块链化的三驾马车之中——比特币和以太坊通过工作量证明解决了运算/算力问题;IPFS/Filecoin, Sia, Storj通过储存证明解决了储存问题&#xff1b;但是...在网络连接性及传输能力这一块价值1.4万亿美元的市场却由于网络节点分散的不可控长期缺少一个基于区块链的解决方案作为…...

(转)NKN Shell(nsh): 一种比SSH更安全,更方便的新型远程终端

作者&#xff1a;NKN CTO张逸伦 我每天都使用ssh&#xff0c;我很喜欢它&#xff0c;但我必须承认ssh在安全性和便利性方面并不理想。原因如下&#xff1a; ssh的安全性取决于用户知道远程计算机的公钥这样一个假设。这是因为ssh使用IP地址进行数据传递和用到公钥做密钥交换。…...

NKN公链源码学习(1):webgui的加密通信

背景 NKN的web-gui即dashboard模块&#xff0c;在通信过程中&#xff0c;有参数的HTTP包都会进过一次AES对称加密。 像这样 POST /api/wallet/open HTTP/1.1 Host: 192.168.1.100:30000 Content-Length: 63 Accept: application/json, text/plain, */* Unix: 1588221168 Ori…...

NKN双周报 2020年5月16日 - 31日

本周看点 2020年迈入内容开发新纪元新型加密库开发者工具社区开发的NKNx 区块浏览器上线新功能拭目以待的火爆六月&#xff1a;NKN 2.0即将到来&#xff01;主网技术开发更新 主网最新数据&#xff08;截止至2020年6月2日&#xff09; 遍布38个国家和地区覆盖176个电信运营商…...

NKN双周报 2020年7月1日-15日

&#x1f30d; “ Welcome To NKN ” “ We are Free, Fast, and Secure ” ​本周看点 ● NKN商业版现已上线 ● NKN2.0生态系统概述小视频 ● DailyChain新闻专访艾伦迪克森&#xff08;Allen Dixon&#xff09; ● 新版nMobile发布进入最终倒计时&#xff01; 主网技…...

NKN2.0正式发布:网络即服务,安全的与未来和世界互通

NKN耀眼成绩 突破传统区块链概念&#xff0c;构建网络传输经济平台; 拥有超过20,000个区块链全节点 &#xff0c;遍布40多个国家和地区; 提供开放式的生态系统 &#xff0c;包含多种网络服务PaaS及落地应用; 自主网1.0发布以来&#xff1a;运行超过50个活跃的代码库&#xf…...