首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

表单脚本

用户请求ajax时,我们判断当前处于哪种状态: 如果是初始状态null,则直接发送请求,将状态切换为loading; 如果是loading或resubmit,提示“请求正在处理,不要重复请求”,将状态切换为...标签 (1)表单字段属性 属性 作用说明 disabled 布尔值,表示当前字段是否被禁用 form 指向当前字段所属表单指针;只读 name 当前字段名称 readOnly 布尔值...,表示当前字段是否只读 tabIndex 表示当前字段切换(tab)序号 type 当前字段类型 value 当前字段被提交给服务器值。...focus:当前字段获取焦点时触发 表单错误提示流程:利用focus事件修改文本背景颜色,以便清楚表明这个字段获取了焦点;利用blur事件恢复文本背景颜色;利用change事件在用户输入了非规定字符时提示错误...自动切换焦点 用户填写完当前字段时,自动将焦点切换到下一个字段

4.8K41

表单常用控件有哪些_html表单控件样式修改

disbled属性 规定输入字段禁用,被禁用元素是不可以用和不可以点击,被禁用元素不会被提交。...没有属性值   size属性规定输入字段尺寸(以字符计);   maxlength属性规定输入字段允许最大长度;该属性不会提供任何反馈。...hidden 定义隐藏输入字段。 image 定义图像形式提交按钮。 password 定义密码字段,该字段字符被掩码 radio 定义单选按钮 reset 定义重置按钮。...重置按钮会清除表单中所有数据 submit 定义提交按钮。提交按钮会把表单数据发送到服务器 text 定义单行输入字段用户可在其中输入文本,默认宽度为20个字符。...H5新增控件 email 电子邮箱文本框,跟普通没什么区别(当输入不是邮箱时候,验证通不过; 移动端键盘会有变化) tel 电话号码 tel主要功能在移动端,一个键盘切换 url

3.9K20
您找到你想要的搜索结果了吗?
是的
没有找到

JavaScript 表单处理

以下罗列出共有的属性: 属性或方法 说明 disabled 布尔值,表示当前字段是否被禁用 form 指向当前字段所属表单指针,只读 name 当前字段名称 readOnly 布尔值,表示当前字段是否只读...tabIndex 表示当前字段切换 type 当前字段类型 value 当前字段值 这些属性其实就是HTML表单里属性,在XHTML课程中已经详细讲解过,这里不一个个赘述,重点看几个最常用...;//禁用当前字段 fm.elements[0].type = 'checkbox';//修改字段类型,极不推荐 除了字段之外,所有表单字段都有type属性。...这个对象保存着用户在整个文档范围内选择文本信息。导致我们需要做浏览器兼容。...');//把非数字都替换成空 }); 自动切换焦点 为了增加表单字段易用性,很多字段在满足一定条件时(比如长度),就会自动切换到下一个字段上继续填写。

4.8K101

Qt编写项目作品35-数据库综合应用组件

自动计算切换页码导航。 和分页导航功能类无缝对接完美融合。 (四)自动清理数据线程类 可设置要清理对应数据库连接名称和表名。 可设置条件字段。 可设置排序字段。 可设置最大保留记录数。...可设置执行自动清理间隔。 后期支持多个数据库和多个表。 建议条件字段用数字类型主键,速度极快。 增加统计用字段名称设置。 增加自动清理文件夹,超过大小自动删除文件夹中早期文件。...可设置是否禁用,一般用来禁用某列。 可设置数据集合,比如下拉框数据集合。 提供值变化信号,比方说下拉框值改动触发。 可设置数据校验自动产生不同图标。...可设置校验数据产生不同背景颜色和文字颜色。 校验规则支持 == > >= < <= != contains,非常丰富。 复选框自动居中而不是左侧,切换选中状态发送对应信号。...可设置关键字对照表绘制关键字比如原始数据是 0-禁用 1-启用。 可设置复选框对应映射选中不选中关键字。 根据不同委托类型绘制,可以依葫芦画瓢自行增加自己委托。

3.2K40

Django Form设置文本框为readonly操作

用Django开发网站时候,前端页面内文本框总是不能被设置为只读,找了一些资料发现可以在form class里面进行设置。...大多数情况下我们不想要用户可以随意更改页面展示内容,所以需要对这些文本框进行设置来改变可编辑状态。...""" 方法二: """ 在创建文本时候实用Djangowidget 设置文本属性为 readonly """ class my_info_form(forms.Form): user_id...一:disabled disabled 属性规定应该禁用 input 元素,被禁用 input 元素,不可编辑,不可复制,不可选择,不能接收焦点,后台也不会接收到传值。...示例: <input type=”text” disabled=”disabled” / 二:readonly readonly 属性规定输入字段为只读可复制,但是,用户可以使用Tab键切换到该字段

1.7K21

Human Interface Guidelines — Custom Keyboards

自定义键盘在“设置”应用“常规”>“键盘”下启用。 启用后,除了编辑安全文本字段和电话号码字段时,键盘在任何应用程序文本输入过程中均可用。 人们可以启用多个自定义键盘,并随时在它们之间切换。 ?...Custom Keyboard ·确保您确实需要一个自定义键盘 如果您想在系统范围内使用独特键盘功能,例如新颖输入文本方式或输入iOS不支持语言,自定义键盘就很有意义。...·提供一种显而易见且简单方式在键盘之间切换 人们知道,当您启用多个键盘时,标准iOS键盘上Globe键将取代表情符键,让用户可以快速切换到其他键盘。用户期望在自定义键盘上也有类似的直观体验。...通过在您app中,而不是在键盘本身中提供使用说明,能让学习过程更轻松。告诉人们如何使用键盘,如何在文本输入过程中将其触发,如何使用它,和如何切换回标准键盘。...请注意,此声音仅适用于可见自定义输入视图,人们可以在“设置”>“声音”中全面禁用声音。

97630

JavaScript 编程精解 中文第三版 十八、HTTP 和表单

其他字段对键盘事件响应不同。 例如,菜单尝试移动到包含用户输入文本选项,并通过向上和向下移动其选项来响应箭头键。...这向浏览器提供了选项,来禁用一些错误操作,例如用户希望将焦点置于其他地方。 浏览器也允许用户通过 TAB 键来切换焦点。通过tabindex属性可以改变元素接受焦点顺序。...tabindex为 -1 使 TAB 键跳过元素,即使它通常是可聚焦禁用字段 所有的表单字段都可以通过其disable属性来禁用。...为了及时响应文本字段改变,则需要为input事件注册一个处理器,每当用户有输入或更改时就被触发。 下面的例子展示一个文本字段和一个展示字段文字的当前长度计数器。...页面也可能包含表单,这些表单允许在提交表单时,用户输入信息发送为新页面的请求。 HTML可以表示多种表单字段,例如文本字段、选择框、多选字段和文件选取。

3.8K20

centos 7虚拟用户访问FTP

cent OS7搭建基于虚拟用户FTP服务 1、创建文本格式用户名/密码列表 文本中奇数行为用户名,偶数行为上一行中用户所对应密码。...如:执行以下操作添加两个用户mike、john,密码分别为123,456 新建一个文本: ? cent OS7搭建基于虚拟用户FTP服务 输入用户名和密码: ?...cent OS7搭建基于虚拟用户FTP服务 2、创建Berkeley DB格式数据库文件 有了文本格式用户名/密码列表文件后,以此文件作为数据源通过db_load工具创建Berkeley DB格式数据库文件...cent OS7搭建基于虚拟用户FTP服务 在db_load命令中,-f 选项用于指定数据源文件,-T 选项允许非Berkeley DB应用程序使用从文本格式转换DB数据文件, “ -t hash...cent OS7搭建基于虚拟用户FTP服务 以上各主要配置项字段含义如下: anonymous_enable=NO:禁止匿名用户访问; local_enable=YES:允许本地系统用户访问; write_enable

3K40

Fastadmin了解一下??

基于ThinkPHP5和Bootstrap极速后台开发框架 详见开发文档:https://doc.fastadmin.net/docs/index.html ?...,则移除该 type属性, data指附件到input文本框上属性 最新版FastAdmin已经支持用户体验更好 datetimerange插件,使用方式是: {field:'createtime'...普通搜索栏搜索荐默认都是全部启用,如果想禁用字段在普通搜索栏显示,可以在字段属性中添加 operate:false来禁用,如下方代码 {field: 'status', title: __('Status...'] = function(){return "自定义placeholder文本";}; 6.浏览模式、显示隐藏列、导出、通用搜索 浏览模式可以切换卡片视图和表格视图两种模式,如果不需要此功能,可以设置...showToggle:false显示隐藏列可以快速切换字段显示和隐藏,如果不需要此功能,可以设置 showColumns:false,如果想要表格中字段列默认隐藏可以设置字段属性 visible

5.3K20

在 JavaScript 中以编程方式设置文件输入

设置文本或数字输入字段值非常简单,只需执行以下操作:const input = document.querySelector('input');input.value = '新值';但是,对于文件输入字段...与文本或数字字段不同,简单地设置文件输入字段值是无效。...当用户手动选择文件时,文件输入字段值如下所示:input.addEventListener('change', (event) => { console.log(event.target.value...我方法在寻找答案时,我在 Stackoverflow 上得到了一堆不赞同回答和否定。有一个答案告诉 PHP 用户,如果有解决方法,它最终会被 Chrome 构建者禁用。...然而,这与此处解决方案不同,因为要禁用此功能将意味着禁用拖放功能模拟(在大多数测试库中使用),自定义拖放交互或自定义剪贴板操作。这个解决方案是基于拖放功能

13700

所有前端都必须知道 jQuery 技巧

悬停切换类 假设你希望当用户将鼠标悬停在可点击元素上时,它会改变颜色。...那么你可以在用户悬停时候添加类到元素中,反之则删除类: $('.btn').hover(function () { $(this).addClass('hover'); }, function...禁用输入字段       有时候,你可能想要禁用表格提交按钮或它某一项文字输入直到用户执行了特定操作(例如,勾选 “我已阅读相关条款” 复选框)。...淡入 / 滑动切换 滑动和淡入都是我们用 jQuery 做动画时候大量运用东西。如果你只是想在用户点击之后展示一个元素的话,那么用 fadeIn 和 slideDown 方法就很完美。...修复时候要小心这个问题。 8. 通过文本查找元素 通过使用 jQuery 中 contains() 选择器,你可以找到元素内容文本

2K100

数据产品PRD设计规范(一):表格设计

字段数量多少取决于列表信息筛选需求,既不能一股脑全部展示,也不能一味求少,导致筛选不便 筛选字段交互方式:非固定内容一般使用文本搜索框,可枚举字段值的如状态、类型等采用输入+下拉搜索框,即既可以直接从下来列表中选择...查询按钮:查询按钮主要是辅助功能,即输入文本后点击查询后触发表格内容更新。...对于下拉筛选框,选项切换后直接出发查询,不需要手动点击查询按钮,这种交互优点是用户所见即所得,不需要手动再点击查询按钮,缺点是,每一次切换都要触发查询请求。...,一般字段数量超过8个,建议使用固定列功能 单个表格宽度限定:对于字段值内容比较长文本信息,为了保持表格视觉效果,需要对最大长度做限定,比如最长不超过15个字符,超出后“…“显示,鼠标悬浮时,tooltips...对于不同人只能查看自己行记录,要做好数据权限过滤,而对于资产目录、信息共享类内容,可以展示记录同时,控制操作权限,即只有编辑权限的人才可以对记录进行编辑、删除等,查看用户对应按钮禁用置灰 导出:对于有下载后二次处理或分析

1.1K10

所有前端都必须知道 jQuery 技巧

悬停切换类   假设你希望当用户将鼠标悬停在可点击元素上时,它会改变颜色。...那么你可以在用户悬停时候添加类到元素中,反之则删除类: $('.btn').hover(function () { $(this).addClass('hover'); }, function...禁用输入字段       有时候,你可能想要禁用表格提交按钮或它某一项文字输入直到用户执行了特定操作(例如,勾选 “我已阅读相关条款” 复选框)。...淡入 / 滑动切换   滑动和淡入都是我们用 jQuery 做动画时候大量运用东西。如果你只是想在用户点击之后展示一个元素的话,那么用 fadeIn 和 slideDown 方法就很完美。...修复时候要小心这个问题。 8. 通过文本查找元素   通过使用 jQuery 中 contains() 选择器,你可以找到元素内容文本

2K70

所有前端都必须知道 jQuery 技巧

悬停切换类   假设你希望当用户将鼠标悬停在可点击元素上时,它会改变颜色。...那么你可以在用户悬停时候添加类到元素中,反之则删除类: $('.btn').hover(function () { $(this).addClass('hover'); }, function...禁用输入字段       有时候,你可能想要禁用表格提交按钮或它某一项文字输入直到用户执行了特定操作(例如,勾选 “我已阅读相关条款” 复选框)。...淡入 / 滑动切换   滑动和淡入都是我们用 jQuery 做动画时候大量运用东西。如果你只是想在用户点击之后展示一个元素的话,那么用 fadeIn 和 slideDown 方法就很完美。...修复时候要小心这个问题。 8. 通过文本查找元素   通过使用 jQuery 中 contains() 选择器,你可以找到元素内容文本

1.7K20

JavaScript(十三)

提交表单时可能出现最大问题,就是重复提交表单。解决这一问题办法有两个: 在第一次提交表单后就禁用提交按钮 利用 onsubmit 事件处理程序取消后续表单提交操作。...重置表单 在用户单击重置按钮时,表单会被重置。使用 type 特性值为 “reset” input 或 button 都可以创建重置按钮,如下: <!...用户单击重置按钮重置表单时,会触发 reset 事件,利用这个机会,我们可以在必要时取消重置操作。 表单字段 可以像访问页面中其他元素一样,使用原生 DOM 方法访问表单元素。...共有的表单字段属性 表单字段共有的属性和方法如下: disabled: 布尔值,表示当前字段是否被禁用 form: 指向当前字段所属表单指针,只读 name: 当前字段名称 readOnly: 布尔值...multiple 特性 options: 控件中所有 option 元素 HTMLCollection remove(index): 移除给定位置选项 selectedIndex: 基于 0 选中项索引

3.3K20

前端开发者都应知道 jQuery 小技巧

回到顶部按钮 预加载图片 检查图片是否加载完毕 自动修复损坏图片 Hover 上 Class 开关 禁用 input 字段 停止链接加载 淡入淡出/滑动开关 简单折叠效果 将两个 Div 设为相同高度...在新窗口打开外部链接 找到文本元素 切换可视与隐藏触发器 Ajax 调用错误处理 链式操作 回到顶部按钮 通过使用 jQuery 中 animate 和 scrollTop 方法...Hover 上 Class 切换 如果用户鼠标悬停在页面上某个可点击元素时,你想要改变这个元素视觉表现。...禁用 input 字段 有时你也许想让表单提交按钮或其文本输入框变得不可用,直到用户执行了一个特定行为(例如确认 “我已经阅读该条款” 复选框)。...通过文本找到元素 通过使用 jQuery 中 contains() 选择器,你可以找到某个元素中文本

2.3K30

26个你需要学习Firefox配置技巧,改进体验和加快浏览器响应速度

如果你在寻找一个特定名字,在列表上方“搜索”栏中输入它名字。 要切换不同功能,只需双击“Value”列下条目,在“true”和“false”之间切换。...在某些情况下,value字段会有一个数字。在这种情况下,将数字改为您想要数字。(在你知道你在做什么之前,不要乱弄这些数字!) 现在,让我们开始调整。...默认值:true 可以更改值:false 3.更改最小tab宽度 需要更敏锐Firefox用户才能注意到Mozilla为Firefox Quantum所做调整。...在所有文本字段中启用拼写检查 默认拼写检查功能只检查多行文本框。您可以更改布局中选项layout.spellcheckDefault使它对单行文本框进行拼写检查。...默认值:1(仅对多行文本框进行拼写检查) 可以更改值: 禁用拼写检查 启用所有文本拼写检查 15. 最小化时降低内存使用 这个调整主要针对Windows用户

3.7K20
领券