forms 相关问题

表单本质上是一个容器,可用于保存几种类型数据的任何数量的任何数量的子集。 HTML表单用于将数据传递到服务器。 VB和C#表单是用于与用户交互的窗口。

如何获取很长的长表单的formData

我目前正在 NextJS 中处理一个很长的表单,我最近了解了服务器操作,并尝试用它做一些关于表单和变异数据的事情,它只是给出了一些关于 ha...

回答 1 投票 0

ReactJS - 生成具有多个动态行的 ant.d 表单

我尝试使用 ReactJS 和 antd Form 创建 Form 表单中的每一行都需要根据用户在该行中第一个元素中的选择来呈现不同的元素(输入/选择) 参见图片

回答 1 投票 0

adonisjs:表单中的多个复选框给出不同类型的结果:如果仅选中一个,则为字符串,如果选中多个,则为数组

我正在使用 Adonisjs V6 和 Edge。 我有一个带有多个复选框的表单,控制器为视图提供一个复选框。项目显示在表格中。 从数据库获取数据的控制器...

回答 1 投票 0

表单上的ListBox滚动事件

我在表单上有两个并排的列表框,它们模拟 Excel 屏幕,左侧冻结在适当的位置。 第一个列表框将显示销售日期和客户名称。 第二个列表框...

回答 3 投票 0

如何调整 html/css 中输入的大小

在此输入图像描述 我正在尝试调整表单框的大小,但无法更改高度、宽度和字体大小,但仅更改姓名表单和密码表单之间的空格 我正在尝试调整表单框的大小,但无法更改高度、宽度和字体大小,但仅更改姓名表单和密码表单之间的空格 <div class="container"> <form action="#" method="post"> <input type="text" name="username" placeholder="Username" required> <br> <input type="password" name="password" placeholder="Password" required> </form> </div> 我正在尝试调整我的表单框的大小,但我无法更改高度、宽度和字体大小 由于您没有在其中提到 CSS 代码,我不明白 CSS 代码或 HTML 中的错误在哪里,这里是 HTML 和 CSS: 要调整输入字段的更改高度和宽度, <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>jayprakash</title> <style> .container { width: 300px; /* Adjust the width of the container as needed */ margin: 0 auto; /* Center the container horizontally */ } input[type="text"], input[type="password"] { width: 100%; /* Set the width of input fields to 100% of the container */ height: 40px; /* Adjust the height of input fields as needed */ font-size: 16px; /* Adjust the font size of input fields as needed */ margin-bottom: 10px; /* Add some space between input fields */ padding: 5px 10px; /* Add padding to input fields for better appearance */ box-sizing: border-box; /* Include padding and border in the width and height of input fields */ } </style> </head> <body> <div class="container"> <form action="#" method="post"> <input type="text" name="username" placeholder="Username" required> <br> <input type="password" name="password" placeholder="Password" required> </form> </div> </body> </html> 调整容器的高度和宽度 然后调整输入字段。

回答 1 投票 0

C# 鼠标事件处理程序

我想在单击无边框形式的面板时处理 mousedown 事件,如下所示。 使用此代码,不会检测到鼠标事件。 感谢您的帮助。 公共表格myForm; 公共 P...

回答 1 投票 0

带有链接的下拉菜单:将状态保存在本地存储中

我想创建一个带有链接的下拉菜单并将下拉状态保存在本地存储中。 这是下拉菜单的代码。 请... 我想创建一个带有链接的下拉菜单并将下拉状态保存在本地存储中。 这是下拉菜单的代码。 <select id="sort"> <option value="">Please choose…</option> <option value="?sort[date_created]=ASC">Sort by Date (ASC)</option> <option value="?sort[date_created]=DESC">Sort by Date (DESC)</option> </select> <script> document.getElementById("sort").onchange = function() { if (this.selectedIndex!==0) { window.location.href = this.value; }}; </script> 我已经创建了下拉菜单,链接一切正常,但我想保存当前选择。因此,当页面重新加载时,下拉列表中的选择应保持保存状态。 为了解决您想要的问题,您需要解决两个子问题。 第一:如何将select的值设置为你想要的值。基本上,您可以在定义标记时将 select 属性添加到您选择的 option 中,或者找到选择元素并更改其值。下面的代码片段执行后者,但您可以使用前者,只要您可以在服务器端执行此逻辑即可。由于您没有指定有关服务器的任何信息,因此我将仅说明仅客户端解决方案,但重要的是要注意这不是唯一可能的选择。 function choose(what) { document.getElementById("sort").value = what; } <select id="sort"> <option value="">Please choose…</option> <option value="?sort[date_created]=ASC">Sort by Date (ASC)</option> <option value="?sort[date_created]=DESC">Sort by Date (DESC)</option> </select> <input type="button" onclick="choose('')" value="Please choose"> <input type="button" onclick="choose('?sort[date_created]=ASC')" value="Sort by Date (ASC)"> <input type="button" onclick="choose('?sort[date_created]=DESC')" value="Sort by Date (DESC)"> 在这里我们可以看到一个名为 function 的 choose,它接收 what 到 choose,然后继续查找 HTML 元素并将其 value 更改为该元素。我们有一些 input 元素,其中 type 是 button,用于说明这是有效的。 第二:如何保存和加载localStorage中的值。基本上你可以通过 localStorage 从 localStorage.getItem("someitem") 读取并通过 localStorage.setItem("someitem", somevalue) 写入其中。 所以,在你的情况下,变更处理程序可能有 localStorage.setItem("sort", this.value); 在任何重定向之前,因此 localStorage 将具有该值。然后,您可以在页面加载时执行类似的操作 if (localStorage.getItem("sort")) { choose(localStorage.getItem("sort")); } 因此,如果该项目有 true 值,则将值更改为它。

回答 0 投票 0

删除项目后无法在index.php中显示我的数据表[重复]

我有一个表格,并且连接了MySQL,所以每当我填写它时,它都会显示在mySQL中。下一步是在我的 index.php 中添加一个目录。但现在当我想按...

回答 1 投票 0

在我的代码中,当我按下删除按钮时,它会显示空白页面,它应该在index.php中全部可见[重复]

我有表格,并且连接了MySQL,所以每当我填写时,它都会显示在mySQL中。下一步是在我的index.php 中有一个目录,即我所拥有的。但现在当我想按删除键时

回答 1 投票 0

我在路线中使用 put 方法,但代码不起作用

router.put('/edit-page/:id' , (req , res) => { console.log('正在更新页面:', req.params.id); console.log('请求正文:', req.body.pageUrl); pageModel.updateOne({ pageUrl : req.params.i...

回答 1 投票 0

当我按删除按钮时,它显示空白页

我有表格,并且连接了MySQL,所以每当我填写时,它都会显示在mySQL中。下一步是在我的index.php 中有一个目录,即我所拥有的。但现在当我想按删除键时

回答 1 投票 0

根据其他实体的 ID 编辑我的实体

我想根据Twig中表单中的测试ID编辑我的类别实体并将其绑定到数据库, 当我打开编辑时,它会显示我编辑的表单,但它们不会绑定数据库中的 id 测试...

回答 1 投票 0

如何以多步形式验证部分?

我有一个结构如下的向导表单: { 联系方式:{ 名称:“字符串”, 电子邮件:“字符串”, ... } 宠物信息:{ 宠物名称:“字符串”, 宠物品种:“

回答 1 投票 0

如何使用 PHP 从 SQL Server 填充 HTML 表单字段

我正在尝试从 SQL 服务器获取数据并将它们转储到我的 HTML 表单中。例如,我在 HTML 表单中输入一个名字,我想从数据库中转储该名字的所有信息(姓氏,

回答 2 投票 0

是否可以在configureOptions中动态设置data_class?

我正在尝试重构一些糟糕的代码,目前我有超过 20 个表单(字典),其中一个名为 name 的字段,以及两个带有额外字段的类似表单(字典)。 这些表格正在嵌入...

回答 1 投票 0

Netlify Forms 无法与 Next.js 网站一起使用

我正在尝试在我的 Next.js 网站上使用 netlify 表单,但它不起作用,我不知道该怎么做。 请帮忙! 这是我的代码。 我尝试在我的 Next.js 网站上使用 netlify 表单,但它不起作用,我不知道该怎么做。 请帮忙! 这是我的代码。 <form className='contacts-form' onSubmit={handleSubmit} method='post' name="contact" data-netlify="true"> <input type="hidden" name="form-name" value="contact" /> {/* other inputs... */} <button type="submit" name="submit">Submit</button> </form> const handleSubmit = (event) => { event.preventDefault(); const myForm = event.target; const formData = new FormData(myForm); fetch("/", { method: "POST", headers: { "Content-Type": "application/x-www-form-urlencoded" }, body: new URLSearchParams(formData).toString(), }) .then(() => router.push("/thank-you")) .catch((error) => alert(error)); }; 我解决了我的问题。 由于我的应用程序重定向,我遇到了错误 303。我通过编辑我的handleSubmit函数解决了这个问题: 而不是 fetch("/", {... 我把它改为: fetch(`/${locale}`, {... 因为之前我有 import { useRouter } from 'next/router'; // other code... const router = useRouter(); const { locale } = router; !!!您需要一个form.html来帮助netlify检测您的表单!!! 你必须把它放在公共文件夹中: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Netlify form</title> </head> <body> <!-- A little help for the Netlify post-processing bots --> <form name="contactform" data-netlify="true" hidden> <label for="nome">Nome:</label> <input id="nome" type="text" name="nome" /> <label for="cognome">Cognome:</label> <input id="cognome" type="text" name="cognome" /> <label for="email">Email:</label> <input id="email" type="email" name="email" /> <label for="messaggio">Messaggio:</label> <textarea id="messaggio" name="messaggio"></textarea> <button type="submit" name='submit'></button> </form> </body> </html> 请注意,如果标签为空,Netlify 不会将输入的内容发送到电子邮件通知。它只会显示在 Netlify UI 中。

回答 1 投票 0

具有多个文本区域的CKeditor

我有一个打开对话框的按钮。在对话框内,我有一个表单,其中有一个按钮,单击此按钮后,我将另一个表单附加到该表单中。所以我必须添加ckeditor...

回答 4 投票 0

具有多文件字段的表单上的Object.fromEntries 仅返回一个条目

我正在尝试创建一个采用表单的 JavaScript 函数,并通过 ajax 调用提交内容。当我有一个函数迭代 document.forms.name 的值时,这是有效的...

回答 1 投票 0

我是酱料初学者。请各位老师告诉我

头像 当在“stackoverflow”等网站上提问时,编辑器可以包含超链接。 但是如何在无法插入超链接的编辑器中插入锚文本和链接呢? 前)-我

回答 1 投票 0

$_POST 有时为空,有时不为空

下面是一个示例,未经过测试的代码,但假设我们有一个表单

回答 0 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.