forms 相关问题

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

如果没有 <input>,<form> 是否结构良好?

有 但不在 中是否有效? 我有一个标记页面中某些字段的过程,只是发现一个页面的输入字段没有像我一样被标记 拥有 <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 中的语义内容标签(例如节、页脚、页眉之类的),我们必须在表单标签中使用输入。确保我们使用的代码可供所有人(包括视障人士)使用非常重要,因为它是不仅仅是网站,它还为每个人提供获取信息的途径。 是的,您无需表格即可获得有效的输入。

回答 7 投票 0

formvalidation.io 外部提交按钮

我正在使用 formvalidation.io 并创建了一个表单,并希望使用表单元素中未包含的按钮提交表单。 下面是快速示例: < 我正在使用 formvalidation.io 并创建了一个表单,并希望使用表单元素中未包含的按钮提交表单。 下面是简单的例子: <form id="form1"> <input name="test" type="text" required /> </form> <button type="submit" form="form1" value="Submit">Submit</button> 按下按钮将验证表单,但不会继续提交表单。 在表单元素中包含相同的按钮将完美地工作。 我假设这是 formvalidation.io 库中的一个错误,但我想在这里发帖以确保我没有先做一些愚蠢的事情。 有什么想法吗? 哎呀,我以为我已经回答了这个问题。 我在 formvalidation.io 论坛上确认这是与他们的库正在进行的工作,所以这是我想出的解决方法。 // select all buttons which have the form attribute $('[form=' + $(this).attr('id') + ']').click(function (e) { // prevent default functionality e.preventDefault(); // execute form validation if necessary if (form.data('formValidation') != null) { $('#' + $(this).attr('form')).data('formValidation').resetForm(); $('#' + $(this).attr('form')).data('formValidation').validate(); } // submit your form however you normally submit it form.ajaxSubmit(options); }); 我也在寻找这个答案,如果有人仍然对此感兴趣,看起来提交按钮插件允许此功能: https://formvalidation.io/guide/plugins/submit-button/ The buttons option is useful in case we have an external button which is outside of the form: <form id="demoForm">...</form> <!-- External button --> <button type="button" id="externalButton" /> The buttons option should look like as following: FormValidation.formValidation( document.getElementById('demoForm'), { fields: ..., plugins: { submitButton: new FormValidation.plugins.SubmitButton({ buttons: function(form) { return [].slice.call(document.getElementById('externalButton')); }, }), ... }, } );

回答 2 投票 0

如何搜索字符串的不同时态?

我可以使用词干分析器、过滤器等。没问题。 但是这种情况呢,例如源文本包含短语: 狐狸跳了起来。 用户已输入:fox AND make 结果 = 0; 曲...

回答 1 投票 0

使用 Ncurses (FORM) 进行表单验证

无法实现字符输入验证。我已经勾勒出一个用于输入验证的简单程序的代码。字段中显示各种字符。 #包括 int main(...

回答 1 投票 0

使用 Django 表单收集的用户数据未按计划显示在目标 URL 中

我遇到了与“https://stackoverflow.com/a/79063022/22401844”中相同的问题,用户数据似乎没有按计划在目标URL中显示。这些是使用的代码: 这是view.py c...

回答 1 投票 0

Microsoft Forms:嵌入并可通过 CSS 进行编辑的方法?

在我的工作地点,我们拥有办公套件,因此,大多数人坚持继续使用 Microsoft Forms 来处理在线表单。 问题是,我必须将它们嵌入到网站中,并且嵌入的唯一方法......

回答 1 投票 0

如何在重力形式中自定义自己的选择选项?

我在这个自定义重力表格中有两个选择字段,我一直在努力解决。第一个字段是网络研讨会列表。第二个字段是网络研讨会日期的列表。显示哪些日期取决于

回答 1 投票 0

ngx-datatable 可配置分页参数

我正在使用 ngx-datatable 构建数据表,并使用 [limit]="10" 激活分页。这很好用。但是,我想通过 Vis 配置每页的条目...

回答 1 投票 0

比较电子邮件以检查它们是否相等会出现错误

我想得到这个问题的帮助。如果按下提交时email1和email2(字符串)相等,则会显示警告消息框。我没有添加 else 语句。 错误: 未捕获

回答 1 投票 0

如何动态地将表单值添加到 HTML 表格中的新行?

我正在尝试将表单中的值动态添加到 HTML 表中。每次用户提交表单时,这些值都应作为新行添加到表中。但是,我不确定如何附加...

回答 1 投票 0

收集的 Django 表单数据未显示在包含 HTML 视图的目标 URL 中

我创建了一个 Django 表单,要求用户输入他的订单以在其他页面中显示它,但是当我单击“提交”按钮时,它会将我重定向到我想要的 URL,而不向用户显示数据

回答 1 投票 0

Wicket (1.6) 无状态表单重置分页

我已经尝试找到有关该问题的任何内容,但我想我要么不确定如何简短地描述问题以找到解决方案,要么没有其他人有过我想不到的解决方案。

回答 3 投票 0

将Windows窗体中的DataGridView绑定到列表<List<T>>

我有一个格式为 List of List of T 的自定义对象集合,即自定义对象列表的 List。 我需要将这个集合绑定到windows窗体中的datagridview控件,以及

回答 1 投票 0

如何在 html 中创建注册表单

我正在为我们的大学生创建一个网站。我正在尝试将注册按钮与注册页面链接,但无法添加该页面。这是我使用的编码图像 我尝试创建一个注册...

回答 1 投票 0

为什么我没有收到来自 formsubmit.co 的文件附件?

我正在使用webflow构建表单,需要接收文件以及其他信息。正如我所期望的那样,我成功收到了电子邮件,并且根据我的日志记录,我正在发送...

回答 1 投票 0

django html:复制表单输入数据并显示在另一个页面中

我正在尝试开发一个送货服务网络,用户可以在表单中输入取货和送货地址并在线获取价格。如果价格合适,用户可以点击“下订单”

回答 1 投票 0

通过 SvelteKit 表单操作发送查询参数

我使用 SvelteKit 创建了一个网站。我正在使用表单操作来处理登录表单。 src/routes/(beforeAuth)/login/+page.svelte 有登录表单 我使用 SvelteKit 创建了一个网站。我正在使用 form action 来处理登录表单。 src/routes/(beforeAuth)/login/+page.svelte有登录表格 <form use:enhance method="post" action="/login?/login"> <label>Username:</lable> <input type="text" name="username" /> <label>Password:</lable> <input type="password" name="password" /> <Button text="Sign In" type="submit" /> <form> src/routes/(beforeAuth)/login/+page.server.js 有登录操作 export const actions = { login: async ({ cookies, request }) => { const data = await request.formData(); let body try{ body = await api.post("account/login/", { username: data.get('username'), password: data.get('password') }); }catch(err) { return { message: "username or password is not vailid", login: false } } if (body.status === 401) { return fail(401, { tryAgain: true }) } if(body.status == 400) { return { message: body.data.message, login: false } } if(body.status == 200) { const value = btoa(JSON.stringify(body)); cookies.set('jwt', value, { secure: false, path: '/', maxAge:60 * 60 * 6 }); redirect(307, '/my-profile') } else { return { message: "username or password is not vailid", login: false } } }, logout: async ({ cookies, locals }) => { cookies.delete('jwt', {path:'/'}); locals.user = null; }, }; 此登录表单和操作运行良好。但现在我想通过表单操作发送查询参数。所以我尝试将操作设置为/login?/login?redirect=some-path 例如 <form use:enhance method="post" action="/login?/login?redirect=some-path"> 这给了我错误 SvelteKitError: No action with name 'login?redirect' found 在 SvelteKit 中通过表单操作发送查询参数的正确方法是什么? 表单/操作文档的重定向小节使用查询字符串参数来执行可选的重定向(这也是您的目标),所以我们知道这是可能的。 由于形式 name 源自特殊的命名法(即通过在查询参数前添加 / 前缀),因此很自然地假设在 URL /login?/login 中,? 标记查询字符串的开头,因此额外的 ? 将按字面意思理解(因此,您的后端查找名为 login?redirect 的操作时会出现错误)。 我假设正确的格式是 /login?/login&redirect=some-path,其中 ? 标记查询字符串的开头,/login 是第一个参数(并且因为 / 被解析为操作名称),&是一个标准的查询分隔符,并且 redirect=some-path should 然后被正确解析。 关于正确访问和使用该参数,我再次建议您参考上面的示例(使用 url 访问器和 searchParams 属性)。

回答 1 投票 0

Django:动态表单无法正确处理布尔输入

这是我动态构建的一个小表单: 类 AddonForm(表单): def __init__(self, addons, *args, **kwargs): super().__init__(self, *args, **kwargs) self.addons =...

回答 1 投票 0

我正在尝试使用 React 创建一个任务管理器。我在提交任务后显示任务时遇到问题

我创建了 MyForm 组件,我使用状态来跟踪 formData,提交的任务的另一个状态,以及 isSubscribed 的另一个任务,我认为我不再需要它。 MyForm 似乎正在运行...

回答 1 投票 0

Ninja 表单:多部分表单 - 字段单击下一步 (jQuery)

我在使用 Ninja Forms + Multi Step 表单插件实现 jQuery 单击事件时遇到了麻烦。目标是消除用户单击“下一步”按钮的需要。 使用以下

回答 3 投票 0

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