需要持续时间的输入类型

2023-12-29

我需要询问用户 html 输入的持续时间。

FE 03小时12米12秒

有什么办法给他一个选择,比如输入类型日期?

我使用 Bootstrap 4。

谢谢


<input type='number'> set min and max

Demo

input,
label {
  font: inherit;
  width: 4ch;
}
<form id='duration'>
  <input id='h' name='h' type='number' min='0' max='23'>
  <label for='h'>h</label>
  <input id='m' name='m' type='number' min='0' max='59'>
  <label for='m'>m</label>
  <input id='s' name='s' type='number' min='0' max='59'>
  <label for='s'>s</label>
</form>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

需要持续时间的输入类型 的相关文章

  • JSON 数据的动态表单(不同类型)

    我尝试使用 JSON 中的数据在 AngularJS 中创建动态表单 我有这个工作 HTML p p
  • 在 Access 表单上将控件分组在一起

    我有一个 Access2003 表单 我想将多个控件组合在一起并通过 VBA 代码以编程方式更改可见性 这可能吗 我确实知道我可以通过 格式 gt 组 对项目进行分组 但如果这样做 如何在代码中引用整个组 谢谢 您可以将所有控件放置在组框控
  • 如何使用 Bootstrap 选项卡?

    我试图了解如何做到这一点 http getbootstrap com javascript tabs http getbootstrap com javascript tabs 我认为文档不够详细 因为我无法理解它是如何工作的 div cl
  • 在调整窗口大小之前,ChartJS 不会在引导选项卡内绘制图表

    我正在使用 Bootstrap 的选项卡 每个选项卡内都带有 ChartJS 图表 但出现的一个问题是图表画布wont被绘制 直到我调整浏览器窗口的大小 最新的 Chrome 和 Firefox 都发生了这种情况 我一直在尝试不同的解决方案
  • Bootstrap 4 - 带按钮标签的居中文本

    我想实现一个非常简单的目标 我有一条线 文本向左对齐 按钮向右对齐 我希望文本与按钮的标签垂直对齐 我尝试使用填充 边距 但没有任何效果 我相信我缺少一个简单而智能的解决方案 笨蛋演示 https plnkr co edit KwRF2uO
  • Android webview 在方向改变时保留表单数据

    改变方向后如何保留webview中的表单数据 我用过onSaveInstanceState 我已经使用恢复了之前的状态restoreState savedInstanceState 这成功地恢复了方向更改之前的先前状态 但没有恢复 web
  • Bootstrap - 表单内联元素之间的间距

    在 Bootstrap 3 中 内联表单 http getbootstrap com css forms inline http getbootstrap com css forms inline 我似乎找不到间距的原因 form grou
  • SwiftUI 表单中的动态行高

    我正在向 SwiftUI 表单添加控件以帮助用户输入数据 并限制条目 尽管 Forms 有很多值得喜欢的地方 但我发现在该容器之外运行良好的东西在容器内却会发生非常意想不到的事情 并且如何弥补这一点并不总是显而易见的 计划是将数据字段显示为
  • 我如何使用 cout << myclass

    myclass是我写的一个C 类 当我写的时候 myclass x cout lt lt x 我该如何输出10 or 20 2 就像一个integer or a float value 通常通过重载operator lt lt 对于你的班级
  • 动态创建表行后应用 Bootstrap“table-striped”

    我正在努力确保推特引导程序 http twitter github io bootstrap table strippedCSS 样式应用于其行在运行时动态添加的表 由于某种原因 我试图弄清楚这一点 我无法让这种特定的样式发挥作用 以便我的
  • 文本输入框作为 SVG 中的“foreignObject” - 文本溢出问题

    我使用 foreignObject 标签在 svg 中有一个文本输入框 这很有效 但是如果您在输入框中输入的内容比其宽度长 从而导致其溢出 那么文本实际上会出现在页面上的其他位置 可能是没有外来对象标记的默认位置 这是一些屏幕截图来解释正在
  • JavaScript 表单提交 - 确认或取消提交对话框

    对于带有询问字段是否填写正确的警报的简单表单 我需要一个执行此操作的函数 单击按钮时显示警告框 有两个选项 如果单击 确定 则提交表单 如果单击 取消 警报框将关闭 并且可以调整并重新提交表单 我认为 JavaScript 确认可以工作 但
  • 使用 bootstrap 将搜索图标放入文本框中

    我默认使用引导程序 文本框占据列的全宽 我想将搜索图标放在文本框的末尾 我的代码是这样的 div class container div class row div class form group col lg 4 div div div
  • 自定义 WP 主题时,我应该将导航栏放在“”标签之前还是之后?

    我正在通过制作子主题来自定义 WP 主题 我将 Bootstrap 中的导航栏放入子主题目录中的 header php 文件中 但是 我不确定在哪里放置导航栏代码 我可以把它都放在前面and之后标记成功 例如 无论我选择哪一个 导航栏都显示
  • 使用 Twitter Bootstrap 解除警报不起作用?

    我正在使用谷歌浏览器 Using 推特引导程序 http twitter github com bootstrap 我想添加一个简单的警报 不幸的是alert http twitter github com bootstrap compon
  • 表单发布请求并存储收到的数据

    我有一个非常简单的表单 在提交时发出发布请求
  • 为什么 Twitter Bootstrap 表格的宽度总是 100%?

    假设这个标记 table class table table bordered align center 无论我有多少个单元格 表格的宽度始终为 100 为什么 引导程序中的所有表格都根据其容器进行拉伸 您可以通过将表格放入 span 您选
  • 当用户在引导日期选择器中更改月份时动态更新选项

    我在用着引导日期选择器 https github com uxsolutions bootstrap datepicker我也附加了一个监听器changeMonth https bootstrap datepicker readthedoc
  • 如何在react-bootstrap中禁用表单提交的

    在下面的代码片段中 我有许多文本类型的输入表单 如果用户点击 我似乎会得到相同的合成事件 就像他们按下提交按钮一样 我想忽略作为表单提交 只允许一个人按下 提交 按钮 我删除了一些表单组以减少示例 在所有情况下 按钮或 ENTER 键 e
  • PHP 表单 - 带验证蜜罐

    我有以下内容 效果很好 但对垃圾邮件机器人开放 我想放入蜜罐 而不是验证码 下面的代码适用于验证姓名 电子邮件 消息 但我无法让它与蜜罐一起工作 任何人都可以查看 蜜罐 代码并告诉我如何修复它吗 我希望表单给出 success2 不允许垃圾

随机推荐

  • android中的PeerConnection实例总是为空?

    我必须在 android 应用程序中实现 WebRTC 因为我正在使用libjingle库 版本 11139 在此我总是得到pc PeerConnection class instance 始终为空 我已经检查过的值 factory Pee
  • 如何从 C# 中的字符串中删除 \r\n?

    我正在尝试找出一种简单的方法从字符串中删除 r n 例子 文本 这个 is a string r n这个 is a string r n I tried text Replace r n and text Replace r n strin
  • Postgres表列名限制?

    我在 psql 中这样做了 CREATE TABLE IF NOT EXISTS apiss skey TEXT time INTEGER user TEXT ip TEXT I get ERROR syntax error at or n
  • 无法找到 Spring NamespaceHandler 错误

    我已经遇到这个错误近一周了 我正准备屈服 我已经使用 Maven2 来制作大 jar 文件 当我使用以下命令运行 jar 文件时 java jar someJar jar 我收到此错误 ERROR 27 55 13 10 55 Launch
  • 如何将 numpy 数组从某一行开始写入 .txt 文件?

    我需要将 3 个 numpy 数组写入 txt 文件 文件头看起来像这样 Filexy time operation1 operation2 numpy 数组如下所示 time np array 0 60 120 180 operation
  • 拦截 SimpleCursorAdapter 操作

    我正在编写一个应用程序 它使用 SimpleCursorAdapter 来显示 SQLite 数据库中的项目列表 该应用程序是一个列表应用程序 它允许用户创建项目列表 数据库中有一个字段用于跟踪用户是否希望列表项的文本被划掉 基本上 我想拦
  • 对 Visual Studio 2012 VSIX 扩展进行数字签名

    我正在尝试签署一份Visual Studio 2012 extension被封装为VSIX file 我已按照以下说明进行操作http www jeff wilcox name 2010 03 vsixcodesigning http ww
  • 将 Google Play 服务添加到 Eclipse 项目

    我已经红了好几个了posts https stackoverflow com questions 14230808 google map android api v2 crashed和文章 但它对我不起作用 我无法在我的项目中添加 使用 G
  • 如何编辑现有的 VS 代码片段

    有没有办法删除或编辑 Visual Studio CODE 中的一些默认代码片段 例如 当我输入 req TAB 我需要require not requestAnimationFrame 扩展片段可以在下面的每个片段目录中找到 如果扩展中有
  • 如何使用 angularjs 检测浏览器?

    我是 AngularJS 的新手 如何在 angularjs 中检测 userAgent 可以在控制器中使用它吗 尝试了类似下面的东西 但没有运气 var browserVersion int msie d exec lowercase n
  • 在 Actionscript 3 项目中显示 HTML

    Folks 我出于 SEO 目的从 Drupal 后端提取所有 Flash 纯 AS3 项目 而不是 Flash CS3 内容 这非常有效 只是 TextField 对象中内置的 HTML 渲染还有很多不足之处 谁能推荐一些允许我显示 HT
  • 以编程方式更改 Eclipse 中的背景颜色

    我有一个关于 eclipse 插件开发的问题 有什么办法吗 通过它我可以以编程方式更改 Eclipse 中的背景颜色 我可以通过调用更改文本前景色 ITextViewer 中的 setTextColor 颜色 偏移量 长度 controlR
  • 按 Ctrl+C 后,如何让 Python 在程序停止之前完成作业?

    我有 4 个这样的工作的无限循环 list1 while 1 try job1 a B job2 c a accd job3 d len c job4 list1 append d except KeyboardInterrupt save
  • word2vec - KeyError:“单词 X 不在词汇表中”

    使用Word2Vec模块的实现gensim为了为我在纯文本文件中拥有的句子构建单词嵌入 尽管这个词happy在词汇表中定义 得到错误KeyError word happy not in vocabulary 尝试将给出的答案应用到类似的问题
  • 为什么建议避免使用 .innerHTML?

    抱歉 我是 JavaScript 菜鸟 但是谁能解释一下为什么建议不要使用 innerHTML 当我们有更快 更容易的东西时 innerHTML 为什么我们不应该使用它 innerHTML是一把大锤 它将清除所选 DOM 元素的内容 并用当
  • C# - 外键引用无效表 - 基本迁移不起作用

    尝试用 C 制作我的第一个项目 然而 到目前为止 这非常令人沮丧 这是一个我无法解决的问题 因为我看不出有什么问题 我试图在我的数据库中进行简单的迁移 用户迁移文件 public override void Up CreateTable d
  • 为什么 ServiceWorker 无法访问 Cookie

    据我所知服务人员无法访问 cookie 因此 我在为我的网站实施软件时面临很多问题 我想知道是什么原因服务人员无法访问 cookie 现在我正在使用消息传递将 cookie 内容传达给服务人员 有没有更好的方法或技巧可以更有效地做到这一点
  • 什么时候提交 FragmentTransaction 是安全的?

    根据docs https developer android com reference android app FragmentManager html 片段事务只能在事务之前创建 提交 保存其状态的活动 如果您尝试在之后提交交易 Act
  • React Router BrowserRouter 在不通过主页点击直接进入子页面时会导致“404 Not Found - nginx”错误

    我正在使用 React Router 为多页面网站进行路由 当尝试直接进入子页面时https test0809 herokuapp com signin https test0809 herokuapp com signin您会收到 404
  • 需要持续时间的输入类型

    我需要询问用户 html 输入的持续时间 FE 03小时12米12秒 有什么办法给他一个选择 比如输入类型日期 我使用 Bootstrap 4 谢谢