forms 相关问题

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

我在学习 Deno 和 Oak 方面取得了缓慢但稳定的进展，但这让我感到困惑。我有一个带有文件上传字段的简单网络表单：我在学习 Deno 和 Oak 方面取得了缓慢但稳定的进展，但这让我感到困惑。我有一个简单的网络表单，带有文件上传字段： <form method="post" action="/quote" enctype="multipart/form-data"> <label>Author: <input type="text" name="author" /> </label> <label>file: <input type="file" name="myfile" multiple /> </label> <label>Quote: <textarea name="quote"></textarea> </label> <input type="submit" /> </form> 处理是通过 Deno 和 Oak 完成的，下面是处理文本数据的脚本： router.post('/quote', async context => { const body = context.request.body({ type: 'form' }) const value = await body.value const author = value.get('author') console.log(author) context.response.redirect(`/?author=${author}`) }) 该路由可以处理一个表单，该表单not具有multipart/form-data的编码，但一旦我添加它，author字段就是undefined。我的问题是：如何访问此表单中的数据（文本和文件数据）？解决方案隐藏在Oak 文档中。 Request 对象的 Context 属性包含 body() 方法。这“解析为请求正文的一个版本”。它需要一个实现 options 接口的 BodyOptions 对象。它有一个名为 type 的属性，如果您打算解析 form-data，则需要具有 multipart/form-data 值。在这种情况下，它返回一个实现 FormDataReader 接口的对象，其中包括一个 read() 方法，该方法解析为包含来自所有表单字段的数据的对象，包括上传的任何文件。以下是如何实施的示例： router.post('/foo', async context => { const body = await context.request.body({ type: 'form-data'}) const data = await body.value.read() console.log(data) context.response.redirect('/') }) 这是输出的示例。它包括一个 fields 属性，其中包含表单字段的数据和一个 files 数组，其中包含您上传的所有文件的数据： { fields: { name: "Foo", organisation: "Bar" }, files: [ { content: undefined, contentType: "image/png", name: "myimage", filename: "/tmp/c8290ba0/e25ee9648e3e5db57f5ef3eb4cfa06704ce5f29c.png", originalName: "foobar.png" } ] } 这是 Oak 16+ 的更新。对于某些事情，语法似乎发生了很大变化。我已经设置了路由 import { Router } from "jsr:@oak/oak@16"; const router = new Router(); import handlers from "./requestHandlers.ts"; router .post("/upload", handlers.handleUpload); 然后在我的请求处理程序中（我在其他地方将 UPLOAD_PATH 定义为常量）： handleUpload: async ({ request, response }: { request: any; response: any }) => { const theBody: Body = await request.body; const form: FormData = await theBody.formData() const theFile: File = form.get("file") as File; const destPath = `${config.UPLOAD_PATH}${theFile.name}`; const fileData = await theFile.stream() Deno.writeFile(destPath, fileData); response.body = `Uploaded file size: ${theFile.size}`; } router.post('/quote', async context => { let params: {[key: string]: string} = {}; let value: any = await context.request.body().value; for (const [key, valor] of value) { params[key] = valor; } const author = params['author'] console.log(author) context.response.redirect(`/?author=${author}`) })

javascript forms upload deno oak

回答 3 投票 0

使用 Google App Script 以 HTML 形式动态下拉列表

经过长时间的寻找（我最近一直在 StackOverflow 中生活和呼吸），我想我应该把我的问题告诉大家。我还是 Google Script 的新手，所以请耐心等待。我正在尝试写一个动态

javascript html forms google-apps-script

回答 4 投票 0

Rails 标准表单需要重新加载页面才能工作

情况我有两种不同型号的表格：产品A < Product ProductB < Product Instances of both can be edited via a rails standard form Problem Objects of ProductA can be sim...

html ruby-on-rails forms

回答 1 投票 0

正确的 HTML 代码以启用密码管理器自动填充 TOTP 输入

有相当多的密码管理器声称可以通过自动填写通常由 Google Authenticator 等工具生成的 2FA 令牌 (TOTP) 代码来帮助用户。这应该有效...

html forms authentication totp

回答 1 投票 0

如何获取 Pardot 多选字段以从表单处理程序接收数据？

我希望 Drupal 上的 Web 表单通过表单处理程序提交到 Pardot。我在 Pardot 中使用预定义值进行的多选与 Drupal 中的多选和复选框保持空白，其他字段有效...

html forms drupal salesforce pardot

回答 1 投票 0

按下提交按钮后如何清除评论表单？ Next-js 14

我不确定如何编写代码以在按下提交按钮后清除评论表单中先前输入的评论，因此用户不必删除之前的输入

javascript forms next.js jsx

回答 1 投票 0

TYPO3 EXT：表单整理器 EmailToRecipient 未读取我配置的发件人地址

打字3 11 我用助手配置了一个表单。 YAML 文件照常存储在 fileadmin 中。该表单包含名字（标识符“text-1”）、姓氏（标识符“text-2”）和电子邮件（

forms typo3

回答 1 投票 0

如果使用文本字段，如何禁用文件输入

如果使用特定文本输入，我需要禁用文件输入。或者，如果使用文件输入，则禁用文本输入。但是，如果最终用户改变主意，那么我希望能够启用

jquery forms

回答 6 投票 0

PHP 中未定义的数组键到数据库

有人可以帮助我看看我创建的程序有什么问题吗？警告：D: ile\xampp\htdocs\uts_nim\koneksi.php 第 25 行中未定义数组键“pertemuan” 致命错误：无法...

php arrays forms

回答 1 投票 0

TinyMCE 在发布后删除 <br/> 标签

我在带有文本区域的帖子表单中使用TinyMCE。许多文本存储在数据库中，并且可能包含标签，例如：一号线二号线当我将这样的文本加载到...

forms post tags tinymce

回答 1 投票 0

无法使用 <calcite-input> 组件通过 HTML 表单上传文件（“无法在 'HTMLInputElement' 上设置 'value' 属性”）

我收到控制台错误 DOMException: 无法在“HTMLInputElement”上设置“value”属性：此输入元素接受文件名，该文件名只能以编程方式设置为空 st...

javascript html forms arcgis esri

回答 1 投票 0

如何向我的脚本代码添加样式？（表格）

我的表单有脚本代码，但我不确定如何更改跨度的字体颜色和字体系列（表单的标签） <p>我的表单有一个脚本代码，但我不确定如何更改跨度的字体颜色和字体系列（表单的标签）</p> <pre><code><script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script> <script> hbspt.forms.create({ region: "na1", portalId: "40139212", formId: "758ff855-f664-4297-81d7-ea647222454a" }); </script> </code></pre> <p>我对 javascript 没有任何先验知识，这只是给我的复制粘贴代码。</p> </question> <answer tick="false" vote="0"> <p>我并不完全熟悉你的问题，但每个表单都会在 DOM 中创建一个表单标签。那么，为什么需要使用 CSS 来设置这个标签的样式呢？</p> <p>示例：</p> <pre><code>#your_form_id{ span{ font-color: xxx; font-family: xxx; } } </code></pre> </answer> </body></html>

javascript html forms label

回答 0 投票 0

如何使用 viewmodel 将一些 id 从表单发送到控制器

我的.net mvc程序中有一个索引页面，它有两个部分用于显示联系人和添加联系人。我的数据库中的联系人和组具有多对多关系。我已经能够

forms asp.net-core-mvc model-binding

回答 1 投票 0

如何在cakephp中内联文本框和按钮

我试图将文本框和提交按钮内嵌在默认布局页面的顶部以进行搜索，但提交按钮却落在文本框下方，弄乱了我的布局。我尝试...

php css forms cakephp

回答 2 投票 0

无法向叠加表单添加密码，但可以添加用户名

在网站的登录叠加表单中输入用户名和密码的脚本。用户名字段可以通过 XPATH 找到并输入文本，密码字段无法通过 XPATH 或 ID 找到，导致“