- 综合排序
- 最热优先
- 最新优先
- 来自专栏码匠
表单的 9 种设计技巧【上】
全文 1308 字 阅读时间约 5 分钟本文首发于码匠技术博客表单是信息添加、录入的通用形式，合理的表单设计能减轻用户负担。这里码匠提供了一些表单设计的简单技巧。 以下为该研究中捕捉到的用户在填写三种对齐方式的表单时的眼动轨迹（圆圈越大，注视时间越长）：图片图片图片可以看到，在顶部左对齐的设计中，用户能够在单次视线移动中同时获取标签和输入字段，可以更快理解表单。 如果希望用户能快速扫描填写表单，那么标签顶部对齐是最佳选择。注意对齐的一致性，所有标签在整个表单中都应该遵循相同的对齐方式。 图片 因为左侧左对齐使得浏览表单所需时间最长，如果表单要求敏感数据如银行卡号等，也可以使用左侧左对齐来故意减缓用户的填写速度，来确保填写的准确性。 技巧 4：表单输入框放在一列码匠建议您尽量将所有表单输入框放在一个列中，使填写路径更加清晰。保持有秩序的单列表单形式更利于用户浏览，而多列的表单形式则会破坏用户填写规律，进而影响完成表单的速度。
1.4K50编辑于 2022-09-15 - 来自专栏码匠
表单的 9 种设计技巧【下】
全文 1642 字 阅读时间约 5 分钟 本文首发于码匠技术博客 书接上文（表单的 9 种设计技巧【上】），码匠继续为您分享表单交互设计中的小技巧～ 技巧 5：对相关信息分组，并折叠不常用表单项 对有关联的信息进行分组是提高文案可读性的常用策略 这里使用码匠的分割线组件，将表单内容进行了信息分组： 图片 此外，如果某些表单项很少使用，可以在表单中动态折叠/展开该部分，以优先展示常用表单项，使界面整洁有效。 例如下图，引用表格组件的 table.selectedRow.data 属性，将表格当前行的数据作为默认值来自动填充表单，并允许用户修改和提交表单： 图片 技巧 7：输入校验和反馈 在提交表单到数据库之前进行数据校验 技巧 9：布局 最后一个技巧是设计用户友好的组件布局，这并没有千篇一律的公式，但码匠为您总结了以下几点建议： 使用对话框 前面提到，许多情况下需要搭配使用表格组件和表单组件。 当涉及到更新表格中的一条记录时，最佳做法是将表单放入对话框中，当用户点击链接或按钮时，再自动弹出填充了默认值的表单，而不是将表单一直静态展示在表格旁边，防止用户在浏览表单时不小心编辑数据。
3.1K00编辑于 2022-10-10 - 来自专栏项目文章
Flask学习与项目实战9：WTF表单验证
1.WTF表单验证介绍 Flask-WTF是简化了WTForms操作的一个第三方库。WTForms表单的两个主要功能是验证用户提交数据的合法性以及渲染模板。 2.进行表单验证 validators就是传一些验证参数进去来进行比较。
47910编辑于 2024-06-07 - 来自专栏ADAS性能优化
AI Weekly | Nov. 9, 2019
Researchers tout AI that can predict 25 video frames into the future In a preprint paper, researchers propose an AI model that can predict up to 25 video frames into the future given only two to five starting Applause targets AI bias by sourcing training data at scale Software-testing company Applause wants to reinvent AI testing with a service that detects AI bias by crowdsourcing larger training data sets. Remember that scary AI text-generator that was too dangerous to release?
29910编辑于 2022-05-13 - 来自专栏MavenTalk
WPS Office AI实战：智能表单，信息收集神器
前面我们已经介绍了WPS里常用的文字、表格、演示文稿等等，在WPS AI的武装下重新发挥出智能化的威力，今天来聊聊表单的智能化应用会是什么样。 就位，下一步就可以进行我们的AI创作之旅行 创建表单 直接告诉它你的需求，WPS AI 帮你快速生成收集表单。 也可以从模板创建表单。可以通过空白创建、拍照创建、模板创建几种模式来完成表单的创建，表单种类也支撑常见的种类。 快捷创建 这种方式是种更简捷的方式，正常输入字段内容回车分割即可，由AI帮你自动生成题目。 空白创建 支持的表单种类形式多样，比如考试、打卡、接龙、问卷、投票等等，每一种背后都有一套系统支撑。 拍照生成表单 面对纸质表单，就算以前填过，WPS AI 都可以智能识别表头，生成崭新的在线表单，省去了重新制表的繁琐。
1.5K20编辑于 2023-09-06 - 来自专栏十月梦想
表单
1.表单控件 1.input标记 1.input标记 提供文本输入框，密码输入框，按钮，单选按钮，多选按钮，文件上传框，隐藏域 2.属性 创建不同的输入框 value：输入框的值 name:给输入框起个名字(必须要写) disabled：禁止 3.具体的表单 height: <input type="text" /> weight: <input type="text" /> </fieldset> </form> fieldset标签嵌套在form表单里面 ， 会出现组合表单外边的边框 !
3.3K30发布于 2018-08-29 - 来自专栏个人随笔
表单
一.表单 表单就是一个将用户信息组织起来的容器： <将需要用户填写的内容放置在表单容器中，当用户单击"提交"按钮的时候，表单会将数据统一发送给服务器> 1.表单的内容: 1）创建表单后，就可以在表单中放置控件以接受用户的输入 2）这些控件通常放在<form></form>标签之间，也可以在表单之外用来创建用户界面 3）不同的表单控件有不同的用途 2.表单标签及表单属性 表单的创建：<from>... 网站服务器方不希望用户修改数据，这些数据在表单元素中显示。 1"id="male"/> 表单的验证 验证表单的好处 1 减轻服务器的压力 2保证数据的可行性和安全性 在客户端对表单进行验证是非常有必要的 表单的初级验证
7.3K90发布于 2018-03-14 - 来自专栏河湾欢儿的专栏
表单
在dom中提供了为我们提供了操作表单当中的一些控件的方法，比如说获取，操作还有一些特殊的属性。 获取：表单元素的操作 onchange事件 表单事件：onsubmit onreset window.onload= function () { var myform=document.getElementById window.onload= function () { var myform=document.getElementById('form1'); // onsubmit：当提交表单的时候触发 // onreset:当表单重置的时候触发 // myform.submit(); myform.onsubmit
2.9K20发布于 2018-09-06 - 来自专栏白话互联
【Ai Agent】Ai Agent News | 9月11日速递
今天是9月11日星期四，让我们一起来看看今天 Ai Agent 带来的 AI 领域的重要动态吧！ ❤ Indeed Unveils AI Agents for Job Seekers and Recruiters 求职招聘领域迎来AI助手新时代 Indeed推出了两款AI Agents，分别面向求职者和招聘方 ❤ Secure AI Agents at Runtime with Docker Docker推出AI Agent运行时安全解决方案 Docker发布了关于如何在运行时保护AI Agent的新方法， 随着AI工具的强大和普及，它们也变得不可预测且易受攻击。从LLM输出中的幻觉到提示注入，AI工作流面临多重安全威胁。 AI Agent时嵌入运行时安全，为AI原生开发提供更可靠的安全保障。
38510编辑于 2025-09-17 - 来自专栏韩曙亮的移动开发专栏
【HTML】HTML 表单 ⑤ ( form 表单域 )
文章目录 一、form 表单域 1、form 表单域作用 2、form 表单域语法 3、form 表单域 Get 请求 4、form 表单域 Post 请求 一、form 表单域 ---- 1、form 表单域作用 从 input 表单 , textarea 文本域 , select 下拉菜单 中收集了用户信息 , 需要通过 form 表单域 发送给 服务器端 ; 2、form 表单域语法 form 表单域 语法 : 在 form 表单域 中 , 要注明 服务器地址 , 提交方式 , 表单名称 ; <form action="服务器 URL 地址" method="<em>表单</em>提交方式" name="识别<em>表单</em>的名称 "> 若干 HTML 组件 与 表单控件 </form> action 属性 : 设置 接收 表单数据 的 服务器 URL 地址 , 值是一个 URL 字符串地址 ; method 属性 : 表单的提交方式 , 设置为 get 或 post 请求 ; name 属性 : 指定表单域名称 , 一个页面中可能有多个表单域 ; 值为字符串 ; 3、form 表单域 Get 请求 代码示例 : 用户名 的 文本框
5.8K10编辑于 2023-03-30 - 来自专栏韩曙亮的移动开发专栏
【HTML5】HTML5 新增 input 表单 ( 邮箱输入表单 | 网址输入表单 | 日期输入表单 | 时间输入表单 | 电话输入表单 | 搜索栏输入表单 | 颜色选择器输入表单 )
一、HTML5 新增 input 表单 ---- HTML5 新增 input 表单 : 邮箱输入表单 : 必须输入邮箱 , 如果输入格式错误 , 提交时会在对话框中报错 ; <input type= "email" /> URL 输入表单 : 只能输入网址 , 格式错误会在对话框中报错 ; <input type="url" /> 日期输入表单 : 右侧的下拉菜单选择日期 ; 如果在手机中打开 , 会弹出手机中自带的日期选择对话框 ; <input type="date" /> 时间输入表单 : 右侧的下拉菜单选择时间 ; <input type="time" /> 月份输入表单 : 右侧的下拉菜单选择月份 ; <input type="month" /> 周日期输入表单 : 右侧的下拉菜单选择周数 ; <input type="week" /> 数字输入表单 : 无法输入非数字的内容 -- 表单域的提交按钮 用于提交整个表单域 --> <input type="submit" value="提交"> </form> </body> </html> 显示效果
5.5K20编辑于 2023-04-24 - 来自专栏长沙架构师同盟
CodeSpirit.AI表单智能填充组件使用指南
概述 CodeSpirit.AiFormFill 是一个独立的、可复用的AI表单智能填充组件，基于LLM的通用表单内容生成解决方案。 服务集成与处理流程 AI表单填充服务 系统提供统一的AI填充服务接口，包含以下核心功能： ·表单填充：根据触发值和现有数据生成AI填充结果 ·支持检测：验证DTO是否支持AI填充功能 ·缓存管理 ：表单顶部显示AI生成组件，从空白表单开始智能填充 ·字段触发模式：在指定字段右侧显示AI按钮，基于该字段内容进行填充 模式对比 界面效果 全局AI填充模式 ·表单顶部显示AI生成组件 ·包含输入框（自定义提示词 UI增强和API端点 7.即插即用：简单的项目引用和服务注册即可在任何CodeSpirit项目中使用 8.扩展性强：支持自定义提示词、字段配置等高级功能 9.性能优秀：内置缓存和优化机制，支持异步处理 AI填充能力 ·NuGet就绪：可独立打包发布，支持跨项目复用 双模式总结 ·全局AI填充模式：适用于创意性内容生成，用户在表单顶部输入自定义需求，AI一次性填充整个表单 ·字段触发模式：适用于基于关键信息的内容扩展
49810编辑于 2025-12-17 - 来自专栏河湾欢儿的专栏
表单
form 表单 <input type="…… " name="" value="" /> text 文本框 password 密码 radio
1.6K20发布于 2018-09-06 - 来自专栏h5学习笔记
表单
表单的目的是为了跟用户进行交互，收集用户资料 在HTML中，一个完整的表单通常由表单控件（也称为表单元素）、提示信息和表单域3个部分构成。 表单域：相当于一个容器，用来容纳所有的表单控件和提示信息，可以通过他定义处理表单数据所用程序的url地址，以及数据提交到服务器的方法。如果不定义表单域，表单中的数据就无法传送到后台服务器。 表单域 在HTML中，form标签被用于定义表单域，即创建一个表单，以实现用户信息的收集和传递，form中的所有内容都会被提交给服务器。 创建表单的基本语法格式如下： <form action="url地址" method="提交方式" name="<em>表单</em>名称"> 各种表单控件 </form> 常用属性： Action 在表单收集到信息后 method 用于设置表单数据的提交方式，其取值为get或post。 name 用于指定表单的名称，以区分同一个页面中的多个表单。 注意： 每个表单都应该有自己表单域。
2.6K20发布于 2020-09-30 - 来自专栏centosDai
HTML表单__表单元素属性
看完“HTML表单__表单元素”那一节的同学会发现，同是input标签，type属性值不一样的时候，input类型完全不一样。 type就是input的一个属性，除type之外，还有很多属性，接下来我们开始了解表单元素属性都有哪些？ reset，定义重置按钮，会清空表单填写的信息。 button，定义按钮。 1.4 name属性，定义元素input的名，用于对提交到服务器后台表单数据标识。 1.5 value属性为input设定值 1.6 disabled 禁用文本域，input会处于灰化。 maxlength规定输入最大长度. name属性，定义元素input的名，用于对提交到服务器后台表单数据标识。 value属性为input设定值。
4.4K30发布于 2021-11-25 - 来自专栏月色的自留地
从锅炉工到AI专家(9)
这里重点需要理解函数的3个参数：batch_size是每批次生成的单词量；num_skips代表单词窗口移动时跳过的单词数；skip_window是当前单词左右几个单词作为本单词的上下文。 Epoch 8 Step 1207755: lr = 0.015 words/sec = 401 Eval 4965/17827 accuracy = 27.9% Epoch 9
84060发布于 2018-06-20 - 来自专栏圣杰的专栏
.NET+AI | Agent | 人机协作（9）
通过 ApprovalRequiredAIFunction 为敏感工具加上人工审批环节，快速构建符合企业合规要求的 MAF 人机协作智能体。
26910编辑于 2025-12-28 - 来自专栏centosDai
HTML表单__表单元素属性
看完“HTML表单__表单元素”那一节的同学会发现，同是input标签，type属性值不一样的时候，input类型完全不一样。 type就是input的一个属性，除type之外，还有很多属性，接下来我们开始了解表单元素属性都有哪些？ reset，定义重置按钮，会清空表单填写的信息。 button，定义按钮。 1.4 name属性，定义元素input的名，用于对提交到服务器后台表单数据标识。 1.5 value属性为input设定值 1.6 disabled 禁用文本域，input会处于灰化。 maxlength规定输入最大长度. name属性，定义元素input的名，用于对提交到服务器后台表单数据标识。 value属性为input设定值。
4.6K20发布于 2021-09-28 - 来自专栏Java
提交表单与验证表单案例
提交表单与验证表单案例 需求 有如下注册页面，对表单进行校验，如果输入的用户名、密码、手机号符合规则，则允许提交；如果不符合规则，则不允许提交。 border: 0; } body { background-image: url("https://pic2.zhimg.com/v2-9142793b20533b5e2e5cc91eab9ee101 当用户点击 注册 按钮时，需要同时对输入的 用户名、密码、手机号 ，如果都符合规则，则提交表单； 如果有一个不符合规则，则不允许提交表单。 实现该功能需要获取表单元素对象，并绑定 onsubmit 事件 //1. 不需要，只需要对之前校验的代码进行改造，把每个校验的代码专门抽象到有名字的函数中，方便调用；并且每个函数都要返回结果来去决定是提交表单还是阻止表单提交，代码如下： //1.
2K10编辑于 2025-01-21 - 来自专栏全栈程序员必看
表单提交原理_防止表单重复提交
1.HTTP是如何提交表单的 <form>标签的属性enctype设置以何种编码方式提交表单数据。 它只处理表单域里的value属性值，采用这种变法方式的表单会将表单域的值处理成URL方式。 text/plain: 这种方式当表单的action属性值为mailto:URL的形式时比较方便，这种方式主要适用于直接通过表单发送邮件。 通过这个InputStrem可以读取表单的内容（包括文件内容）。 4.文件上传简介 通过Request.InputStream 方法获得表单数据流后，我们就可以手动处理表单数据了。 表单数据以–开始和结尾的行结束。 明白了表单数据的格式后，就可以编程解析表单数据了，我们可以把文件从表单数据中解析出来。 版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。
8K20编辑于 2022-11-08
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号