如何动态创建

2024-02-06

我想在我的网络表单中动态创建输入类型文本。更具体地说,我有一个文本字段,用户可以在其中输入所需文本字段的数量;我希望以相同的形式动态生成文本字段。

我怎么做?


使用 JavaScript:

var input = document.createElement("input");
input.type = "text";
input.className = "css-class-name"; // set the CSS class
container.appendChild(input); // put it into the DOM
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何动态创建 的相关文章

  • 如何使用有角度的材料创建卡片网格?

    我正在尝试使用 ng repeat 创建每行三张卡片的网格 我有一个普通的 javascript 对象数组附加到范围 下面的代码将为每张卡创建一个新行 div div
  • 滚动时的 CSS 背景模糊

    我有固定的背景图像 滚动时我希望图像变得模糊 我知道如何在 css 中进行模糊 但在特定的滚动位置进行 这是一个例子 https medium com good music f160ba9e6c52 https medium com goo
  • IntersectionObserver是否支持水平滚动观察?

    我制作了几个垂直滚动 IntersectionObserver 模块 但我对水平滚动感兴趣 根将是 div 观察目标将是 img 我想观察当 img 放大但 div 保持视口宽度时的变化 我什至不确定移动 Safari 是否会将缩放后的图片
  • JavaScript 验证和 PHP 验证?

    我正在使用 jquery 验证插件来验证空表单 我还应该在 PHP 中检查一下以确保 100 正确吗 或者用 javascript 验证就可以了 谢谢 您应该始终在服务器上进行验证 如果用户以某种方式不使用 Javascript 提交表单
  • 导航栏下拉菜单(折叠)在 Bootstrap 5 中不起作用

    我在尝试使用以下命令创建响应式菜单或下拉按钮时遇到问题Bootstrap 5一切似乎都正常 导航图标和下拉图标出现 但它不起作用 当我单击nav图标或dropdown按钮 无dropdown menu apears 我想特别提到的是 我还包
  • 按下回车键时不刷新页面

    我遇到了一些问题 只要表单中有输入 回车键就会触发页面刷新 下面的代码 如果按下回车并且文本区域 input 中没有输入任何文本 则不会刷新页面 但是如果按下回车并且 input中有输入或者光标位于文本区域 我不确定是什么触发了它 因为 s
  • 如何通过单击链接来更改 div 的内容?

    这是我的网页的 修改后的 jsfiddle 它还有很多 而且定位是正确的 与此相反 http jsfiddle net ry0tec3p 1 http jsfiddle net ry0tec3p 1 a href class btn1 st
  • JavaScript 中的 Promise 有什么意义?

    一个承诺是一个 可能现在可用 或将来可用 或永远不可用的值 来源 MDN 假设我有一个想要处理图片的应用程序 图片已加载 例如在算法在后台使用它之后 或某种其他类型的延迟 现在我想检查一下图片是否可以在future 通过使用承诺 而不是回调
  • 为什么我的交互式图像仅在 Internet Explorer 上出现故障?

    我的问题 我为自己制作了一个图像地图 交互式图像 它在 Chrome safari 和 Firefox 上完美运行 然而 当我在可怕的互联网浏览器上尝试它时 它真的很糟糕 这些小点应该扩展到更大的盒子中 在互联网浏览器上它要么不起作用 要么
  • 如何停止TinyMCE删除span标签?

    在我的工作中 前一位程序员决定使用公司网站上精彩的TinyMCE 我遇到的数千个问题之一是 如果原文有的话span标签 当我按下退格键删除一行 p仅标签 全部span标签已从文本中删除 这个错误比另一个错误更具体 我可以删除anything
  • 如何正确取消引用然后删除 JavaScript 对象?

    我想知道从内存中完全取消引用 JavaScript 对象的正确方法 确保删除时不会在内存中悬空 并且垃圾收集器会删除该对象 当我看这个问题时在 JavaScript 中删除对象 https stackoverflow com questio
  • 改变 JavaScript 中的顶部填充

    以下是我在 css 中设置顶部填充的方法 body font size font size px margin 0 padding 100px 0 20px 0 width 100 important 如何使用最简单的 javascript
  • LeafleteachLayer函数不会迭代所有Layer

    使用 GeoJSON 数据数组创建一些标记 getJSON GetLocationsServlet function data L geoJSON data onEachFeature onEachFeature addTo mymap G
  • 用于选择特定 div 中具有特定类的锚元素的 jQuery 选择器是什么

    我有一些这样的代码 我想选择每个 a 带有类的标签status在 div 中foo div a class status a div 你可以这样做 foo find status a
  • 如何使用 JavaScript 或 jQuery 克隆 HTML 元素的样式对象?

    我正在尝试克隆元素的样式对象 这应该允许我在更改后重置所述元素的样式 例如 el style left 50px curr style left 50px Modify the elements style The cloned style
  • Google Maps API (v3) 添加/更新标记

    编辑 它现在可以工作 但如果用户不允许或没有基于位置的服务 则不会加载 请参阅 jsfiddle 示例接受的答案评论 我已经浏览了一些教程和问题 但我无法安静地理解正在发生的事情 或者在这种情况下 没有发生 当用户单击链接时 我正在加载地图
  • 在 iOS 7 Safari 中,如何区分通过边缘滑动与后退/前进按钮的 popstate 事件?

    在 iOS 7 Safari 中 现在有两种后退 前进导航方式 使用底部的传统后退 前进按钮箭头或从屏幕边缘滑动 我正在使用动画在 ajax 应用程序中的页面之间进行转换 但如果用户通过边缘滑动进行导航 我不想触发该转换 因为这本身就是一个
  • 滚动顶部不符合预期

    Note 由于上次忘记奖励而重新开放赏金 A Woff 大师已经给出答案 我想在用户展开某一行时到达该行 这样当最后一个可见行展开时 用户不必向下滚动即可查看内容 I used example tbody on click td green
  • 什么是 WKWebView 中的 WKErrorDomain 错误 4

    fatal error LPWebView encounters an error Error Domain WKErrorDomain Code 4 A JavaScript exception occurred UserInfo 0x7
  • 测量窗口偏移

    有没有一种方法可以测量 jQuery 中窗口的偏移量 以便我可以比较 固定 元素和相对定位元素的位置 我需要能够知道窗口滚动了多远 以便我可以使用该图来计算固定元素的高度 相对于视口顶部 和相对对象的高度 相对于顶部 之间的差异文件的内容

随机推荐

  • 用javascript替换图像

    我想用javascript替换gif文件 我找到了下面的方法 有什么办法可以将 javascript 标签放在 img 标签之前吗 img class myImg src compman gif width 107 height 98 在文
  • 在 Windows 7 中使用 .NET Windows 服务显示消息框

    我们有一个 Windows 服务 用于在用户在 Windows XP 上扫描访问卡后显示确认消息框 但一旦我们迁移到 Windows 7 该弹出功能就不再起作用 任何人都可以指导我完成或给我任何关于如何尽快修复此功能的想法吗 正如您所发现的
  • 循环浏览文件夹中的文件并复制/粘贴到主文件

    我的一个文件夹中有 3 个文件和一个主模板 我想要 循环浏览这些文件 然后将内容复制到主文件 每个整个文件都将粘贴到主文件中的新工作表中 新工作表的名称将与文件的名称相同 下面的代码不起作用并且缺少功能 2 和 3 Sub AllFiles
  • 如何让 Maven 使用我的 TestNG XML 文件?

    首先 我已经阅读了这里关于如何执行此操作的每一篇文章 我正在遵循信中的所有说明 包括 Maven 本身的说明 我已使用 TestNG 将 Eclipse Selenium 项目转换为 Maven 项目 我无法让 Maven 从 Test X
  • 如何配置 JAXB / Moxy 以针对 XML 中潜在丢失的数据抛出错误

    如果提供的数据无法解组为预期的数据类型 是否可以将 JAXB 配置为引发异常 我们有一个 Integer XmlElement 有时会得到像 1 1 这样的值作为输入 Jaxb Moxy 只是默默地忽略这些值并将它们设置为 null 我们通
  • ReactJS 函数没有获取最新状态

    我正在尝试 ReactJS 但在将其合并到我的表单中时遇到了困难 我正在 ReactJS 中构建一个自动建议表单 在我的onChangeQuery 我正在设置状态 然后调用 AJAX 函数以从服务器端代码中获取建议 但是 我注意到loadG
  • C# foreach 循环 - 顺序*稳定性*有保证吗?

    假设我有一个给定的集合 在不以任何方式更改集合的情况下 我使用 foreach 循环遍历其内容两次 除非有宇宙射线之类的东西 是否绝对保证两个循环中的顺序一致 或者 给定一个HashSet
  • 模板参数中的“typename =”是什么意思?

    我在 Effective Modern C 一书的第189页看到过这样的表达 template
  • 基于另一个单元格的 VBA 过滤器

    我是 VBA 初学者 试图根据单元格值过滤数据 经过一番谷歌搜索后 我编写了一段有效的代码 Sub FilterDepartment Sales Sheet6 Activate Sheet6 Cells Select Selection A
  • cocoapods pods 项目构建设置

    因此 每次我们运行 pod 更新时 pods 项目都会重新生成 我们在 pods 项目中手动设置的任何构建设置都会被重置 我想知道在 pod 更新生成 pod 项目后是否可以在 pods 项目中设置一些目标的构建设置 任何帮助表示赞赏 经过
  • Java:使用 HTTPBasic 身份验证获取 URL

    我正在做一些简单的 HTTP 身份验证并得到一个 java lang IllegalArgumentException Illegal character s in message header value Basic OGU0ZTc5OD
  • 使用 help 和 pydoc 列出不工作的 python 模块

    我试图找出我为 python 安装了哪些模块 from 这个线程 https stackoverflow com questions 739993 get a list of installed python modules 我试过了 gt
  • Spring Data Neo4j 存储库组合错误:找不到类型 YYYY 的属性 XXXX

    这应该是一个简单的问题 关于我可能从 Spring Data 文档中遗漏的内容 我正在尝试实现存储库扩展 如下所述 http docs spring io spring data data neo4j docs 3 0 2 RELEASE
  • 实体与模型与视图模型[重复]

    这个问题在这里已经有答案了 我只是花了一些时间阅读这些术语 我不太使用它们 因为我们没有任何 MVC 应用程序 我通常只说 模型 但我感觉这些术语根据上下文意味着不同的东西 Entity 这很简单 就是数据库中的一行 就数据库而言 实体是单
  • python:多行正则表达式

    我有一段文本 我必须从中解析用户名和哈希值 现在我正在使用两个正则表达式来完成它 我可以只用一个多行正则表达式来完成吗 usr bin env python import re test str Hello UserName Please
  • HttpRuntime 缓存和 HttpContext 缓存有什么区别?

    我知道有一个非常相似的问题here https stackoverflow com questions 863654 difference b w httpruntime cache vs httpcontext current cache
  • 如何修改继续时的 Step StepState

    我正在关注这个教程https www youtube com watch v izbkS2svuq4 https www youtube com watch v izbkS2svuq4 并简要提到将 StepState 修改为 StepSt
  • Silex 设置 cookie

    我正在使用 Silex Framework 并且我正在拼命尝试设置 cookie 文档中找不到任何信息 我几乎尝试了所有方法 有人可能有这方面的经验 并且可以提供一个小例子吗 Thanks 以下是我的一个网站的摘录 该网站设置了 cooki
  • 如何使用命名管道从 C++ 调用 WCF 方法?

    更新 查看协议here http msdn microsoft com en us library cc219293 28v PROT 10 29 aspx 我不知道 Unsized Envelope Record 中会包含什么内容 我在网
  • 如何动态创建

    我想在我的网络表单中动态创建输入类型文本 更具体地说 我有一个文本字段 用户可以在其中输入所需文本字段的数量 我希望以相同的形式动态生成文本字段 我怎么做 使用 JavaScript var input document createEle