textinput 相关问题

HTML 文本输入值不应该为空

我有一个 HTML 网站，在其中设置了动态创建的文本输入字段，所有字段的 ID 均为根 a（其中 a 是行号）。 我有一个 HTML 网站，我在其中设置了动态创建的文本输入字段，所有字段都具有 ID 根 a（其中 a 是行号）。 <input type="text" id="root'+ a +'" class="inlet1" > 所以这些东西都是在for循环中生成的。 所以我想将所选文本输入中的数据发送回后端，这对于其他类型的元素效果很好，但不适用于文本输入。 这是我的 JavaScript 代码： window.addEventListener("DOMContentLoaded", (event) => { var gomb = document.getElementById("submit"); gomb.addEventListener("click", async function () { let len = document.querySelectorAll(".id"); console.log(len); for (let i = 1; i <= len.length; i++) { var rowroot = document.getElementById("root" + i).value; var rowaction = document.getElementById("action" + i).value; var rowmat = document.getElementById("material" + i); var rowcdate = document.getElementById("cdate" + i); var rowmatnum = document.getElementById("materialnum" + i); var rowsloc = document.getElementById("sloc" + i); var rowbatch = document.getElementById("batch" + i); var rowrsn = document.getElementById("rsn" + i); var rowmvt = document.getElementById("mvt" + i); var rowrespodep = document.getElementById("respo" + i); var rowdocheader = document.getElementById("docht" + i); var rowqty = document.getElementById("qty" + i); var rowscrapval = document.getElementById("valueincl" + i); var rowcostc = document.getElementById("costcenter" + i); var rowrespo = document.getElementById("resp" + i).value; var rowdeadline = document.getElementById("deadline" + i); var rowstatus = document.getElementById("status" + i); console.log(rowroot); await fetch("/process", { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify({ id: i, material: rowmat.innerText, cdate: rowcdate.innerText, materialnum: rowmatnum.innerText, sloc: rowsloc.innerText, batch: rowbatch.innerText, mvt: rowmvt.innerText, reason: rowrsn.innerText, responsibledep: rowrespodep.innerText, docheadtext: rowdocheader.innerText, quantity: rowqty.innerText, scrapval: rowscrapval.innerText, costcenter: rowcostc.innerText, rootcause: rowroot, action: rowaction, responsible: rowrespo, status: rowstatus.innerText, }), }) .then((response) => response.json()) .then((data) => { // Handle the response from the backend }) .catch((error) => { console.error("Error:", error); }); } }); }); 这是我收到的错误： Uncaught (in promise) TypeError: Cannot read properties of null (reading 'value') at HTMLButtonElement.<anonymous> ((index):250:60) (anonymous) @ (index):250 我尝试等待 DOM 内容加载并添加 defer 到脚本元素标签，但它们都不起作用 如有任何帮助，我们将不胜感激😊 document.querySelectorAll('.id'); '.id' 是一个类选择器。您的输入类别是'inlet1'。 （并且您需要使用“开始于”选择器） 尝试document.querySelectorAll('id^='root'); 您的输入组件是无效的 HTML 以及无效的 JavaScript。 <input type="text" id="root'+ a +'" class="inlet1" /> 这段代码将使输入ID像这样： root'+ a +' // as a string 由于这是 HTML，而不是 JSX，因此您无法将 JavaScript 代码直接传递到 HTML 元素属性中。 在 JSX 中，你可以这样做： <input type="text" id={"root" + a} class="inlet1" /> 但是由于您使用的是 HTML，因此您必须使用 JavaScript 分配动态 ID 属性。 这是一个例子： var inputs = document.querySelectorAll('input') inputs.forEach((input, i)=> { input.id = "root" + i }) 基本上，循环遍历所有输入字段，并按顺序分配它们的 ID 属性。

Power Apps 组合框连接显示字段

我对 Power Apps 组合框有连接显示字段的要求 我有一个 SharePoint 列表 [IT 服务请求]，其中有一个作为“问题”的选择列，其中包含以下选项： 。外表 。笔记本电脑 .Ne...

应用验证并在React Native中设置密码和确认密码相同

我是 React Native 的新手。我想应用验证，如果所有字段都已填写，那么它将继续进行，如果输入未填写，则显示错误，并且通过和确认密码应该

Powerapps 通过 TextInput 和/或 TextInput 和组合框筛选图库

我正在尝试通过 TextInput 和/或 TextInput & ComboBox 过滤 powerapps 库，下面的代码仅通过 textinput 过滤有人可以帮忙吗？ 筛选（ WD_Stock_Items_SP_List， 文本输入...

为什么在主组件之前不显示文本输入？

App.tsx 从“反应”导入反应； 进口 { 安全区域视图， 状态栏， 样式表， 文本输入， 看法， 来自 'react-native'； 从 './screens/Main' 导入 Main； 函数 App(): JSX.Element {

如何设计React Native OTP输入屏幕？

我是 React Native 设计的新手。让我知道如何实现如下所示的屏幕 是否需要使用 4 个 TextInput 还是可以使用 1 个？

文本输入在屏幕上显示大量内容时清晰度变慢

我有一个问题，当我在 TextInput 中输入垃圾邮件并单击按钮提交并清除文本时，它会变得缓慢，并且不会立即清除 TextInput 中的文本。 发生这种情况...

检索 Firebase 数组并分配给多个文本字段

对于我正在从事的名册项目，我在使用这段 javascript 时遇到了一些问题； // 创建输入 const room1aminput = document.getElementById("room1am") 常量

Python TKINTER 文本输入

我对 Python 相当陌生，并且在使用 Tkinter 文本框时遇到错误。我无法让一个出现在我的窗口中。由于这个原因，我的程序现在无法运行。 我的代码 我得到一个应用按钮...

在 React Native 中将文本附加到 textInput

我正在 React Native 中构建一个应用程序，人们可以在其中搜索单词。有些单词具有独特的字符，人们可能不知道如何在手机键盘上访问这些字符，所以我想

附加换行符（即 ) 到在发布请求中发送的表单字段

我正在编写一些网络表单来测试学生编写的服务器作为练习。有些服务器并不完全符合课堂作业的预期规范。附加一个

当 TextInput 的 secureTextEntry 属性在 React Native 上更改时，是否有任何解决方案来更改键盘？

我正在使用登录屏幕，并且我有那个眼睛图标，因此我可以隐藏或显示密码内容。但是当我更新图标的状态时，手机的键盘发生了变化。 有没有...

如何在没有 .kv 文件的 Kivy TEXTINPUT 中添加行号？

我正在尝试为Android创建一个简单的记事本。如何向 Kivy 的 TextInput() 添加行号？我的代码是 从 kivy.app 导入 App 从 kivy.uix.textinput 导入 TextInput 来自 kivy.uix。

为什么IOS多行文本输入在React原生纸质对话框中无法正常工作？

我是React Native的初学者，我正在尝试在对话框中进行多行文本输入（来自React Native Paper模块的对话框组件），它在Android和Web上完美运行，但在IOS上不起作用。 那里...

如何在多行反应原生文本输入中换行文本

我正在尝试在React Native中实现多行文本输入，但是当用户键入时，文本不会换行，而是水平写入同一行， 我的文本输入的代码是 f...

React Native：将文本左对齐，但占位符右对齐

我正在开发 React Native 应用程序，我面临着以不同方式对齐文本输入及其占位符的问题。我希望输入文本向右对齐，同时保留

我的文本输入有问题。我无法访问其内容

我想检索文本，将文本输入到python文件中的变量中。我尝试了很多在网上看到的解决方案，但没有一个有效。我真的需要尽快帮助。预先感谢您的任何

在 React Native 中显示/隐藏 onFocus 和 onBlur 组件

我正在开发一个小应用程序，其中有一个包含药物“名称、缩略图和图像地址”的文件，称为medications.js 文件。该文件和相关图像存储在本地文件夹中。 我...

kivy iOS TextInput 由于带有外部键盘的建议和快捷栏而失去焦点

正如预期的那样，当选择 TextInput 时，它会获得焦点，我可以输入文本。快捷方式栏出现在屏幕底部。如果我随后选择另一个文本字段，则会短暂选择它...

为什么 <TextInput> 在 React Native 中的绝对定位父容器 <View> 中无法聚焦？

我有一个位于视图内部的 TextInput 组件，其样式设置为位置：“绝对”： const [searchTerm, setSearchTerm] = useState('测试'); 返回 （ 我有一个 TextInput 组件，它位于 View 内，样式设置为 position: "absolute": const [searchTerm, setSearchTerm] = useState('Test'); return ( <View style={{position: "absolute"}}> <TextInput autoFocus={true} value={searchTerm} onChangeText={text => setSearchTerm(text)} /> </View> ) 设置此样式后，即使我可以看到输入字段和默认文本（TextInput），我也无法聚焦或与autoFocus={true}（包括Test）进行任何交互。一旦我删除了绝对定位，我就可以像往常一样使用TextInput。 这种行为的原因是什么？ （使用安卓） 你应该添加zIndex:400或一些对我有用的高数字 这里解释了这个问题的根本原因：长按选择和按下移动光标在位置上不起作用：'absolute'TextInput outside parent bounds on Android 解决方案是您可能需要更改position: 'absolute' 视图的父级，以便其边界包含位置绝对视图。该父视图不在您的代码示例中，因此父视图在另一个组件中。