表单本质上是一个容器，可用于保存几种类型数据的任何数量的任何数量的子集。 HTML表单用于将数据传递到服务器。 VB和C＃表单是用于与用户交互的窗口。
我有这个 HTML 表单： 文件 姓名 ... 我有这个 HTML 表单： <!DOCTYPE html> <html> <head> <title>Document</title> </head> <body> <form> <label>Name</label> <input type="text" name="name" id="name"> <br> <label>Surname</label> <input type="text" name="name" id="name"> <br> <label>Birthday</label> <input type="date" name="date" id="date"> <button type="submit">Submit</button> </form> </body> </html> 我需要将插入的数据放入已存在的 CSV 文件中，并且该文件与 HTML 文件位于同一文件夹中。我需要在没有任何类型的服务器的情况下离线使用此文件：我不想安装任何额外的东西。有什么办法可以做到这一点吗？ 我考虑过使用 PHP，但这意味着使用某种本地服务器，我想让事情尽可能简单。 不幸的是，由于浏览器的安全限制，浏览器中运行的 JavaScript 无权读取或写入本地文件系统上的文件。这是一项安全措施，旨在防止恶意和危险的脚本访问您计算机上的敏感数据。 将数据附加到本地文件系统上的现有文件需要服务器端编程，例如 Node.js、Python 和 PHP。 作为替代方案，您可以将表单数据存储在浏览器的本地存储中，然后在需要时下载 CSV 文件。这样，每个表单提交的数据都会添加到本地存储中的现有数据中，当您准备使用数据时，只需下载一次 CSV 文件。 如果您需要在客户端持久存储和追加数据，您可能需要考虑使用 IndexedDB 等技术，它是一种低级 API，用于客户端存储大量结构化数据（包括文件/blob）。这可以处理更大量的数据并且具有更复杂的 API。
所以，我有这个 HTML 表单： 文件 姓名... 所以，我有这个 HTML 表单： <!DOCTYPE html> <html> <head> <title>Document</title> </head> <body> <form> <label>Name</label> <input type="text" name="name" id="name"> <br> <label>Surname</label> <input type="text" name="name" id="name"> <br> <label>Birthday</label> <input type="date" name="date" id="date"> <button type="submit">Submit</button> </form> </body> </html> 我需要将插入的数据放入已经存在的 .csv 文件中，并且它与 html 文件位于同一文件夹中。我需要在没有任何类型的服务器的情况下离线使用此文件，我不想安装任何额外的东西，有什么方法可以做到这一点吗？ 我感谢任何形式的帮助，提前致谢 我考虑过使用 php，但这意味着使用某种本地服务器，我想让事情尽可能简单。 您可以使用 JavaScript 和 HTML5 的 Blob 对象来实现此目的，它允许您在客户端处理类似文件的对象。我发布了一些 HTML 代码，下面包含一些 JS 代码，以展示如何使用它来将输入数据保存到提交的 CSV 文件中。 <!DOCTYPE html> <html> <head> <title>Document</title> </head> <body> <form id="myForm"> <label>Name</label> <input type="text" name="name" id="name"> <br> <label>Surname</label> <input type="text" name="surname" id="surname"> <br> <label>Birthday</label> <input type="date" name="date" id="date"> <button type="submit">Submit</button> </form> <script> document.getElementById('myForm').addEventListener('submit', function(e) { e.preventDefault(); var name = document.getElementById('name').value; var surname = document.getElementById('surname').value; var date = document.getElementById('date').value; var csvContent = 'Name,Surname,Birthday\n' + name + ',' + surname + ',' + date; var blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' }); if (navigator.msSaveBlob) { // IE 10+ navigator.msSaveBlob(blob, 'data.csv'); } else { var link = document.createElement("a"); if (link.download !== undefined) { // feature detection // Browsers that support HTML5 download attribute var url = URL.createObjectURL(blob); link.setAttribute("href", url); link.setAttribute("download", 'data.csv'); link.style.visibility = 'hidden'; document.body.appendChild(link); link.click(); document.body.removeChild(link); } } }); </script> </body> </html> 在表单的提交事件中添加一个事件监听器，因此当提交表单时，它会阻止表单实际提交（这会刷新页面），而是获取输入字段的值，创建一个 CSV 格式的字符串这些值，然后从此字符串创建一个新的 Blob 对象。
我有一个用bootstrap构建的表单，我发现表单验证不会在提交按钮的onclick事件之前运行，这有点无用。 请参阅此小提琴的示例 -...
Prisma Nextjs 在表单上提交数据之前获取未定义的会话
我正在为我的 postgres 数据库中的对象创建一个编辑功能。我也在我的会话中使用 nextauth。当我尝试提交表单数据（例如更新架构中定义的字段）时，我得到一个
在TYPO3平台后端的表单部分，尝试创建新表单时会显示以下消息 没有可访问的表单存储文件夹 我已经做了调查，哈哈...
我想要做的是传递当前用户的ID来创建属于该用户的新链接。当我点击提交时，它不断显示错误消息：需要用户 ID 字段。我想可能有一个
Laravel 10.x 中通过 JavaScript 进行表单验证将不起作用
我使用 JavaScript 和 Bootstrap 5 类在 Laravel 10.x Blade 中进行了自定义验证。当我按下提交按钮时，存储操作不起作用，并且表单重新加载为空而没有 putt...
在我的 Flutter 应用程序中，我有一个将数据保存到 Firestore 的表单。 用户必须能够通过书写或口头输入数据。 为此，我将 voice_to_text 插件附加到表单中。 ...
我正在用 Django 构建我的第一个网站，我遇到了一个我认为非常奇怪的问题。我的页面中有一个表单，我希望如果用户在其中一个表单中输入无效数据...
//我有一个 KhachHang.cs 文件，代码如下： 使用系统； 使用 System.Collections.Generic； 使用 System.Data.SqlClient； 使用系统数据； 使用 System.Linq； 使用系统文本； 使用 System.Threading....
维护 symfony2 选择输入字段中的发布顺序（带有选择列表）
我在项目中使用Symfony2框架并使用Form组件来创建表单。我正在使用选择输入字段类型来使用户能够多重选择选项，并且我正在使用插件来en...
如何防止 Laravel 在编辑现有用户时验证某些列？我正在尝试更新客人的信息，但如果没有更改，我想忽略电话和电子邮件字段
我正在尝试更新客人信息，但如果没有更改正在更新的客人的详细信息，我想忽略电话和电子邮件。但在创建新来宾时，应该对 uniq 进行适当的检查...
如果我有一个现有的表单，我知道我可以通过将表单传递给 FormData 构造函数来有效地将其“转换”为 FormData，如下例所示： var myForm = document.getElementById('myForm'); ...
这里是所有维护的状态， const [名称，setName] = useState(''); const [电子邮件，setEmail] = useState(''); const [phoneno, setPhoneno] = useState(''); const [数据，setData] = useStat...
ReactJS - 如何在 ReactJs 类组件中自动聚焦具有 contentEditable 属性 true 的元素？
我在我正在从事的项目中发现了这个p标签。这充当我前端的输入字段。我不太熟悉 p 标签作为输入字段，但我只是想让文本焦点自动...
我有一个带有多个文本字段、组合框甚至选项卡控件的表单。一切都绑定到数据集。在选择具有独特内容的组合框时，我希望所有控件都
使用输入控件创建简单的角度项目 输入的日语字符不绑定到输入控件 使用输入控件创建简单的角度项目 输入的日语字符不绑定到输入控件 <input type="text" [(ngModel)]="title" (input)="articleNameEntered()"/> title = ''; articleNameEntered() { console.log('title', this.title); } **# **预期结果**** 日文字符应该在控制台中打印 尝试以下方法 为主机列表使用 keyup 事件 在事件属性中仍然显示英文字符 <input type="text" (input)="onInputChange($event)"> Ts onInputChange(event: Event): void { const inputElement = event.target as HTMLInputElement; const inputValue = inputElement.value; console.log(inputValue); }