input 相关问题

有但不在中是否有效？我有一个标记页面中某些字段的过程，只是发现一个页面的输入字段没有像我一样被标记拥有 <input> 但不在 <form> 中是否有效？我有一个标记页面中某些字段的过程，但刚刚发现一个页面，其中的输入字段未按我的预期进行标记。我花了一段时间，但我发现获取表单元素然后获取字段的过程是导致这些元素丢失的原因，因为没有表单元素。 <input> 没有 <form> 看起来有效，是的（至少对于 html 4.01，请查看 17.2.1 末尾附近）：用于创建控件的元素通常出现在 FORM 内元素，但也可能出现在外部当 FORM 元素声明时它们用于建立用户接口。这在关于内在事件的部分。注意表单之外的控件不能成功控制。我使用 W3C 验证器检查了以下内容，它确认这是有效的。 <!DOCTYPE html> <html> <head> <title>test</title> </head> <body> <input type='text' /> </body> </html> 参考更新的规范： HTML 5.2 - W3C 建议（2017 年 12 月 14 日）表单关联元素可以与 <form> 元素有关系，该元素称为元素的表单所有者。如果表单关联元素不与 <form> 元素关联，则其表单所有者被称为 null。根据MDN，这是可能的：请注意，始终可以在元素外部使用表单小部件，但如果这样做，该表单小部件与任何表单都无关。此类小部件可以在表单之外使用，但是您应该对此类小部件有一个特殊的计划，因为它们本身不会执行任何操作。您必须使用 JavaScript 自定义它们的行为。 HTML5 在 HTML 表单元素上引入了 form 属性。它应该允许您显式地将元素与表单绑定，即使它没有包含在表单标记中。不幸的是，目前该功能跨浏览器的实现还不够好，无法依赖它。我知道这个问题已经很老了，但是，我已经成功构建了许多没有表单标签的复杂数据输入页面。尽管许多人不认为它是“标准”，但使用没有 <form> 的输入并非不合适。在我的项目中，我需要完全控制页面的行为方式，而默认的表单行为却妨碍了我。能够执行页面和字段级别的验证（使用 JS ）并通过 Ajax 调用等“提交”数据......事实上，这是我现在最喜欢的方式。需要大量 JS，但并不困难，并且很容易作为可重用代码完成。还有其他情况，我不使用带有输入的表单，例如登录页面。希望这个推荐对某人有帮助。在我看来，我们可以在表单之外使用输入，甚至可以在不将输入放入表单的情况下将数据发送到服务器，但是为了SEO和网站可读性（对于视障人士）（与某些人的原因相同） HTML5 中的语义内容标签（例如节、页脚、页眉之类的），我们必须在表单标签中使用输入。确保我们使用的代码可供所有人（包括视障人士）使用非常重要，因为它是不仅仅是网站，它还为每个人提供获取信息的途径。是的，您无需表格即可获得有效的输入。

html forms input

回答 7 投票 0

另一个微任务中的 React 18 setState 不适用于输入/文本区域

CSB链接：https://codesandbox.io/p/sandbox/74mhkd 观察我在沙箱中创建了两个类似的输入。第一个是最常见的，并且它按预期工作。 const [value1, setValue1] = 使用...

javascript reactjs input

回答 1 投票 0

使用输入字段反应矩阵

我目前尝试创建一个React组件，将行数和列数作为输入。这应该返回一个（数学）矩阵，其中包含 rows*cols 输入字段。我目前尝试创建一个 React 组件，将行数和列数作为输入。这应该返回一个（数学）矩阵，其中包含行*列输入字段。 <div className={`flex flex-row items-center`}> <table> <tbody> {Array.from({length: parsedVectorObject.cols}).map((_, i) => ( <tr key={i}> {Array.from({length: parsedVectorObject.rows}).map((_, j) => ( <td key={j}> <Input id={`x_${i}_${j}`} className={`w-12 mx-0.5`}/> </td> ))} </tr> ))} </tbody> </table> </div> 这是我目前的立场，但我仍然在桌子周围缺少括号，这样它看起来就像一个矩阵。有人知道怎么做吗？我尝试创建一个 svg，但是文件和创建路径似乎都相当复杂。提前致谢首先，您应该通过获取表格的高度来设置div的高度。然后在下面的代码中正确更改宽度w-[0.85em] <div className={`flex justify-center items-center h-32`}> <div className='w-[0.85em] h-full'> <svg width="100%" height="100%" preserveAspectRatio="none" viewBox="3 0 106 186" ><path d="M85 0 A61 101 0 0 0 85 186 L75 186 A75 101 0 0 1 75 0"></path></svg> </div> <table> <tbody> {Array.from({ length: 5 }).map((_, i) => ( <tr key={i}> {Array.from({ length: 3 }).map((_, j) => ( <td key={j}> <input id={`x_${i}_${j}`} className={`w-12 mx-0.5`} /> </td> ))} </tr> ))} </tbody> </table> <div className='w-[0.85em] h-full'> <svg width="100%" height="100%" preserveAspectRatio="none" viewBox="3 0 106 186" ><path d="M24 0 A61 101 0 0 1 24 186 L34 186 A75 101 0 0 0 34 0" ></path></svg> </div> </div> 下面附上图片。我认为还有另一个解决方案，我们考虑一下。

reactjs matrix input

回答 1 投票 0

输入第二个字母后输入框未清除

我创建了一些代码来删除在输入框中键入的所有字母。当我输入一个字母时，它会从 UI 和变量中删除，但是当我再次输入一个字母时，它不会出现

c# input razor blazor blazor-server-side

回答 1 投票 0

为什么 `input` 会生成 `PyodideFuture` 而不是 JupyterLite / Pyodide Kernel 中的字符串？如何才能正确获取输入？

我尝试在在线提供的 Jupyter 中运行以下代码： term_no = input('输入要使用的近似数：') 术语号 = int(术语号) 打印（术语号）它返回一个错误 TypeError: int()

python input

回答 2 投票 0

通过Html输入更改变量值

我创建了一个变量并给它0 让变量= 0；我想通过 html 输入更改变量值。我该怎么办呢🤔

javascript dom input

回答 1 投票 0

有什么方法可以使可编辑元素在外部单击时不会模糊吗？ [已关闭]

我正在尝试使用 TipTap 在所见即所得编辑器上实现工具栏。我想在我的工具栏中有两个东西如果光标位于编辑器内，则执行光标所在位置的操作。如果光标不存在...

javascript html reactjs input tiptap

回答 1 投票 0

为什么这段代码不停止接受输入？

这是一个仅允许授权股东参加会议的程序，该程序以文件输入的形式给出。它在终端上请求一个名称并检查它是否在文件中。如果不是的话...

c++ input infinite-loop

回答 1 投票 0

输入文件 onchange 事件未触发

我试图在每次选择文件时触发 onchange 事件。如果我选择的文件不同，它确实会触发，但是，即使选择同一文件两次，我也想触发。 html 我试图在每次选择文件时触发 onchange 事件。如果我选择的文件不同，它确实会触发，但是，即使选择同一文件两次，我也想触发。 html <input name="file" type="file" (change)="onChange($event)" style="width:80%" /> 组件 onChange(event: any) { let files = event.srcElement.files; this.files = files; event= null; } 实现这种跨浏览器且无需更改太多代码的最可靠方法是在单击时将输入值设置为 null。 onclick="this.value = null" 所以你的输入看起来像这样 <input name="file" type="file" onclick="this.value = null" (change)="onChange($event)" style="width:80%"/> 这是一个工作示例：plnkr 需要清除文件输入的值。就像您选择与值匹配的文件一样，如果值相同则没有更改事件。你需要使用JS原生onclick <input name="file" type="file" onclick="value = null" (change)="onChange($event)" style="width:80%"/> 如果你使用 Angular 的 (click) 那么它将设置 ts 变量 value 这可能会导致错误，因为它不会在你的 ts 文件中声明。如果你想使用 angualr 的 (click) 事件，那么使用这样的模板变量 <input name="file" type="file" (click)="myInputFile.value = null" (change)="onChange($event)" style="width:80%" #myInputFile/> 我通过在点击事件上设置 $event.target.value = '' 解决了这个问题 <input type="file" name="file" id="File" aria-label="File" class="file" (click)= "$event.target.value = ''" (change)="uploadData($event)" accept=".csv, .xlsx"> 这对我有用，您现在可以多次上传同一文件。我通过设置输入元素引用解决了这个问题，即 this.bannerUploader.nativeElement.value = null。 Html: <input type="file" accept="image/*" hidden #banner (change)="fileChanged($event)" /> <button type="button" (click)="fileUploadClick()"></button> TypeScript: @ViewChild('banner') bannerUploader: ElementRef; fileUploadClick(){ this.bannerUploader.nativeElement.value = null; this.bannerUploader.nativeElement.click(); }

angular input

回答 4 投票 0

使用 CSS 匹配空输入字段

如何将样式应用于空输入字段？如果用户在输入字段中键入内容，则不应再应用该样式。这在 CSS 中可能吗？我试过这个：输入[值=“”]

css input css-selectors

回答 15 投票 0

在Python/Pygame中获取输入而不需要焦点？

我正在为自己创建一个小应用程序，以便能够显示我的键盘输入并在操纵杆布局中显示它们，如下所示：当 Pygame 窗口聚焦时，它本身工作得很好，我的

python input pygame

回答 4 投票 0

input 相关问题

最新问题