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

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

表单特性   value属性规定输入字段的初始值;   readonly属性规定输入字段为只读(不能修改); readonly属性不需要值,它等同于readonly=“readonly”。   ...disbled属性 规定输入字段是禁用的,被禁用的元素是不可以用和不可以点击的,被禁用的元素不会被提交。...没有属性值   size属性规定输入字段的尺寸(以字符计);   maxlength属性规定输入字段允许的最大长度;该属性不会提供任何反馈。...如果需要提醒用户,则必须编写javascript代码 提醒:输入限制并非万无一失。javascript提供了很多方法来增加非法输入。如必须同时对限制进行检查。...重置按钮会清除表单中的所有数据 submit 定义提交按钮。提交按钮会把表单数据发送到服务器 text 定义单行的输入字段,用户可在其中输入文本,默认宽度为20个字符。

3.9K20

html中表单的校验的插件,jquery表单验证插件validationEngine「建议收藏」

文件进行修改,修改如下: 1.提示内容字体改为宋体; 2.去除中各浏览器的私有属性(各浏览器已经支持圆角和阴影,不再需要加私有属性)。...对 jquery.validationEngine.js 文件进行修改,修改如下: 1.将 312 行的 field.focus(); 注释掉,当有输入控件在 Table 内部时,验证会导致回到顶部的现象...PS:如果希望只在表单提交时验证,可以设置为空。...bindMethod “bind” 验证事件的绑定方式,可设置为:bind, live PS:设置 live 似乎绑定事件无效,但是表单提交时能验证,建议不修改。...版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。

2.6K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    【分享】 纯 js 表单控件 —— 让 “增改查” 更轻松!

    3、 可以获取用户输入的数据,可以进行验证 4、 可以进行排版 5、 修改数据时,可以把原有数据绑定到表单。...4、 Js脚本根据json的描述,创建表单(table形式),创建表单里面的控件(比如文本框),然后对表单和控件进行修饰。 5、 提取用户输入的数据,然后进行验证。...然后可以用ajax的方式提交给服务器。(提交部分表单控件不负责)。 思路: 1、 对表单进行归纳总结,抽象出来几种情况。比如有多少种控件、表格有几种表现形式。 其他的还没想好怎么表达出来。...问:一个页面能放几个表单控件? 答:大于等于一个。因为是new出来的,所以每个表单控件都可以互补干扰。只要属性没有设置错误就可以区分开。 问:还有其他的功能吗?...选择他是因为可以直接在页面里使用。因为是纯js的表单控件,所以服务器控件形式的在线编辑器是不好用了。 4、 数据验证。这个好像有很多已经很成熟的了,只是一直没时间研究。

    3.5K81

    【自然框架】——思路、结构、特点的介绍(初稿,欢迎大家多提意见)

    控件的宽度、高度,文本框的最大字符数,下拉列表框的Item的设置,控件和字段的对应等等。而这样的表单有多少呢?10个、50个、100个?项目越大数量也就越多。...这样做的优点就是可以在运行时决定显示什么样的数据,也就是说当客户的需求有变化的时候根本不用修改代码,更不用重新编译,只需要修改一下“元数据”就可以了。...这是一只困扰我的问题,我觉得如果能够把字段作为最小单位,让他们可以灵活的拆分组合,需要哪些字段就把哪些字段组合在一起,这样就简单多了,延迟加载也就完全没有必要了。   ...ColumnsInfo就是对字段的描述;FormInfo是对表单的描述,就是表单控件和表单控件里的布局的描述,包括添加、修改的表单,和查询功能的表单,ModInfo就添加、修改里用的信息,FindInfo...而且保存数据(添加、修改)的时候还需要把控件里的值(就是用户输入的信息)提取出来,对了还要做验证。

    82570

    表单

    表单的目的是为了跟用户进行交互,收集用户资料  在HTML中,一个完整的表单通常由表单控件(也称为表单元素)、提示信息和表单域3个部分构成。...表单域:相当于一个容器,用来容纳所有的表单控件和提示信息,可以通过他定义处理表单数据所用程序的url地址,以及数据提交到服务器的方法。如果不定义表单域,表单中的数据就无法传送到后台服务器。...input 控件(重点) 标签为单标签,type属性为其最基本的属性,其取值有多种,用于指定不同的控件类型。除了type属性之外,标签还可以定义很多其他的属性 ?...表单域 在HTML中,form标签被用于定义表单域,即创建一个表单,以实现用户信息的收集和传递,form中的所有内容都会被提交给服务器。...method 用于设置表单数据的提交方式,其取值为get或post。 name 用于指定表单的名称,以区分同一个页面中的多个表单。 注意: 每个表单都应该有自己表单域。

    1.9K20

    我写项目的步骤。抛砖引玉。

    我需要做一个“映射”,就是要把字段和UI控件对应起来。       比如说有一个“人员姓名”的字段,那么这个字段在添加数据的时候使用哪种控件(文本框)?...“表单控件”需要这些信息来自动描绘具体的控件(比如文本框、下拉列表框等),然后收集用户输入的数据、进行验证(前台的js验证,和后台的数据类型是否符合要求的验证),然后组合成SQL语句,通过“数据访问函数库...当然还有有一个在列表页面里面显示哪些字段的情况,和上面也是类似的设置。最后就是如果需要导出到Excel文件的时候,也可以类似的设置。 [设置表单里需要的字段] ? [设置查询需要的字段] ?...相信大家都会有自己的工作方式和习惯,希望能够多多交流,取长补短,希望能够越具体越好。后面我会说一下我的表单控件的思路。       ...这种方式,也许会使用用户控件等方式。

    1.1K80

    用拖放方式快速创建基于猫框类库的表格控件

    本文主要探讨两个问题: 1、拖放方式自动创建表格控件 2、使表格控件继承自猫框类库 您直接从VFP项目管理器拖放猫框qiyu_grid_sort表格类到表单,自动创建的是如下图所示的表格控件,这不是本文要讨论的表格控件形式...您也许需要创建的是带行列属性设置的表格控件,正如下图红框所示: 一、拖放方式自动创建表格控件 CursorAdapter的优点之一是与远程视图一样,您可以将CursorAdapter添加到表单或报表的数据环境中...,并利用DE提供的可视化支持,拖放字段以自动创建控件。...下面我删除掉上图红框所示的表格控件,利用CursorAdapter对象以拖放方式自动创建带行列属性设置的表格控件,并使其继承自猫框类库中的qiyu_grid_sort类。...二、使表格控件继承自猫框类库 表单一旦被建立,就自动建立扩展名为SCX的表单文件。表单文件记录了该表单上所有对象的信息,事实上SCX文件以DBF文件格式存储。

    1K20

    能自己“跑”的表单控件,思路,雏形,源码。vs2005版本

    反正我是很烦的,因为我太懒了,对于这种不是太重要的,但是有很繁琐的东东,我总是要向出来一种“简单”的方式来处理。     怎么办?...2、可以自己获取用户输入的信息,进行验证(前台的js验证和后台的数据的类型是否符合子段类型的验证),组合SQL语句或者调用存储过程来添加、修改数据。     ...3、在修改数据的时候,可以从数据库里提取数据,填充到对应的控件里。     这个好像和05的表单控件差不多,不过有两个明显的区别。     1、05的需要另外设置文本框这样的控件。     ...就是定义一个接口,在继承系统的控件(比如文本框)实现这个接口,然后表单控件里case的代码就可以简化很多了。     ...对于这一点,我是把这些属性放在了一个配置文件(xml或者数据库)里面,然后在表单控件内部读取属性,自己就可以幅值了,外部只需要设置一个“编号”就可以了(告诉控件读取哪些信息)。

    54290

    我的网站的后台管理的结构图。

    3、 数据访问层和网站里用的是完全一样的,分页控件略有差别,       网站里的是URL分页,而这里的是PostBack分页。 4、显示数据列表的页面和添加修改数据的页面,在项目里只会出现一次。...(其实这个是数据访问层的功能) 特点: 1、 控件化,这个看图就知道了,几乎就是由控件“搭”起来的。 2、 代码少,都是调用控件,代码自然会很少。...修改数据库后,只需要修改配置文件就可以了,不需要修改代码,更不需要重新编译。而修改配置文件也只需要轻点几下鼠标,因为有一个配置文件的维护程序。 配置文件里的内容: 1、分页控件的属性。...这个就比较多了,表单控件要绘制出文本框之类的控件,好让用户来输入数据,然后呢收集这些数据进行前台的判断,后台判断,组合成SQL语句(或者给存储过程的参数赋值),提交给数据访问层,最后保存到数据库。...3、查询控件,这个和表单控件差不多。其实时在作表单控件的时候突然想到的,可以利用表单控件的原理顺便作一个查询控件呀。

    1.1K50

    无需重新编译代码,在线修改表单

    为了使工作流具有很高的灵活性,往往需要为客户定制表单,有2种方法来处理这个问题: 由程序员为某客户定制开发表单; 由客户在线设计表单。    ...对这个问题,我曾经思考过不少时间,我发现对于大多数简单的表单,都是为了录入、查看、修改数据使用的,没有太多的逻辑性,那么对于这类需求,我们可以将表单控件直接和数据库的表字段进行绑定,从而进行快速开发的。...我们可以换一个思路,如果表单能够自动收集和填充表单域的数据,那么不就可以自动和数据库绑定了吗?    ...、填充方法来自动实现的: /// /// 收集窗体中的智能控件,组合成能够直接用于数据库插入和更新 查询的 SQL语句 /// 一个窗体中可以同时处理多个表的数据操作 /// 如果控件的数据属性设置为只读...如果开发一个工具,让用户以图形化的方式来修改表单信息,那就是真正的在线表单修改工具了。

    2.4K60

    4、表单和高级选择器

    在HTML中,一个完整的表单通常由表单控件(也称为表单元素)、提示信息和表单域3个部分构成。 表单控件: 包含了具体的表单功能项,如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。...表单域: 他相当于一个容器,用来容纳所有的表单控件和提示信息,可以通过他定义处理表单数据所用程序的url地址,以及数据提交到服务器的方法。如果不定义表单域,表单中的数据就无法传送到后台服务器。...7、表单域 在HTML中,form标签被用于定义表单域,即创建一个表单,以实现用户信息的收集和传递,form中的所有内容都会被提交给服务器。...method 用于设置表单数据的提交方式,其取值为get或post。 name 用于指定表单的名称,以区分同一个页面中的多个表单。 注意: 每个表单都应该有自己表单域。...不能修改 直接写在表单里面 disable 禁用 hidden 隐藏 (提交一些信息,想要保存在页面中,但是不想让用户看到) 9、CSS复合选择器 复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的

    7510

    常用的表单元素有哪些_h5新增的表单元素属性

    表单控件:包含了具体的表单功能项 3. 表单域:容纳所有表单控件和提示信息 常用的表单元素,包括: 1. form: 定义供用户输入的表单。 2. fieldset: 定义域。...…… name : 表单名称;action : 用来指定表单处理程序的位置(url);method : 定义表单结果从浏览器传送到服务器的方式...相似的有formtarget特性。 5. readonly:一个boolean值,表明该input值是否能被用户修改,可用于信息展示等页面。...,详见W3C标准 3. type=”number”在输入框右侧有上下箭头可以加减数字,怎么去掉箭头?...使用type=”tel”时没有右侧上下箭头 版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。

    3.4K30

    Spread for Windows Forms高级主题(8)---通过暂停布局提高性能

    通过在对单元格修改和重算时保持重画(挂起布局),然后再恢复布局并重画所有单元格控件能够节省很多时间,并且仍然能为用户展现一个全新的界面。...当对表单进行修改时,SuspendLayout 方法能够阻止控件重新计算列、行和单元格的布局。...这样可以极大的提高控件的性能;另外基于表单所需要的特性,还有许多其他方法可以提高控件的性能。...这些只会在使用SuspendLayout方法暂停布局时才会发生,然后对控件状态所做的改变也会生效,控件也会以某种方式使用非法的布局对象进行再次绘制。...在使用嵌套循环修改每一个单元格时,像修改每一个单元格的值,这种情况肯定可以从先暂停布局,然后再恢复布局的方式中获益。

    1.8K60

    见到了“公司”定义一个Company类,那么见到了“字段”是不是也可定义一个Column类?

    我知道有的方法是采用XML来记录这些信息,然后和Company这样的类作对应,还有个方法是采用“特性”,把这些信息记录到特性里面。那么我为什么要定义一个ColumnInfo来记录这些信息呢?   ...ColumnInfo是通过属性值来区分的,那么就意味着我可以在运行时决定属性值。像字段名有变化这样的修改,就完全不用修改代码。 这还带来了另外一个优点。...延伸:   字段在添加、修改的时候需要对应一个控件,比如CompanyName要对应一个文本框,City要对应一个下拉列表框。那么我们是不是可以把控件也描述一下,并且把字段和控件对应起来。...这样我们就可以在表单页面里根据这些信息来动态生成各种控件了。 【类图】 ?   以字段信息为父类,生成(派生)了两个子类:列表,表单。表单又生成了两个子类:添加/修改,查询。...根据“表单类”可以绘制表单,实现添加、修改数据的功能,或者是查询数据时候的查询条件的录入。   列表类可以绘制表格(),还可以导出Excel。

    82490

    通达OA工作流-流程设计

    年 01 月 01 日 10:30)张三 新建工作时是否允许手工修改编号:用户新建工作时是否可以手动修改工作名称/文号,该选项可以有五种设置,根据需要选择相应选项来控制好对文号的修改权限。...编辑:此功能只针对已经结束的流程,有编辑权限和全部权限的用户可以在工 作流工作查询中查询到管理范围内的流程,对于其中已经结束的流程可以点击【编辑】按钮修改表单里面的数据。...(慎用) 2.2.2.7.3 数据匹配 数据匹配:用于设定表单字段和数据库字段的关联,一般来说修改表单字段 (控件的 ID)后数据显示上就会有一些问题,需要进行数据匹配以保证之前数 据的正常显示。...如果表单字段内只有一个姓名,如单行输入框和宏控件,那么系统就取这个字段的用户姓名作为主办人;如果控件是人员选择控件或多行输入框(控件内有多个用户姓名的),系统取控件内的第一个用户作为本步骤主办人,其他人员作为经办人...2.3.8 管理日志 管理日志记录了流程建立和修改的过程,当多个人对一个流程可编辑时,我们可以通过管理日志的记录明确知道哪些人对流程进行了更改,便于流程的管理。

    3.2K30

    【摸鱼神器】UI库秒变低代码工具——表单篇(一)设计

    (下下篇介绍) 需求分析 表单是很常见的需求,各种网页、平台、后台管理等,都需要表单,有简单的、也有复杂的,但是目的一致:收集用户的数据,然后提交给后端。...表单控件的基础需求: 可以依赖 JSON 渲染。 依赖 JSON 创建 model。 便于用户输入数据。 验证用户输入的数据。 便于程序员实现功能。 可以多列。 可以分栏。 可以自定义扩展。 其他。...: ILinkageMeta } moduleId 模块编号,以后使用 formId 表单编号,一个模块可以有多个表单 colOrder 数组形式,表单里包含哪些字段?...)看看可以有哪些属性,针对这些属性指定一个接口(IRule),然后定义一个【字段编号-验证数组】的接口(IRuleMeta) /** * 一条验证规则,一个控件可以有多条验证规则 */ export...如果想扩展的话,可以使用 的方式,里面的 【text】 是字段名称(model 的属性)。 也就是说,我们是依据字段名称来区分 slot 的。

    2.4K10

    深入讲解 ASP+ 验证

    但是这种方法很难得以证实,因为客户浏览器中并非一定有脚本,并且恶意的用户可以绕过。因此,为了保证站点安全,有必要对服务器进行同样的检查。...在该时刻进行验证的缺点是:如果您要通过编程来修改某些影响该验证的属性,该时刻就太迟了。例如,您会发现,如果通过编写代码来启用或禁用验证控件或更改验证控件的属性,在下一次处理该页之前,不会看到任何影响。...通过以下两种方法可以避免这个问题: 在进行验证之前修改属性。 在属性更改之后重新验证控件。 这两种方法均需要使用在 Page 对象上有效的验证属性和方法。...Page 对象的属性和方法 属性或方法 说明 IsValid 属性 这是最有用的属性。该属性可以检查整个表单是否有效。通常在更新数据库之前进行该检查。...方法是加入一些调用客户端函数 ValidatorHookupControl 的内嵌脚本,如上所述。 哪些控件可以被验证? 要使控件可以被验证控件引用,该控件必须具有验证属性。

    5.3K10

    【自然框架】之鼠标点功能现(一):单表的增删改查(即上次5月23日活动的一个主题)【Demo、源码下载】

    这个功能刚作出来不久,没有经过长期的测试,所以有几个控件没有隐藏起来,不隐藏起来就可以直接看到内容是否正确。等确定没有问题后,可以把几个控件隐藏起来的。(1-2分钟) 【表5:功能节点列表】 ?...【表13:调整表单布局】 ? 10、 修改表单里的控件。...您可以根据客户的情况来修改角色,以便让可以使用该功能的用户可以使用新增加的功能。 【表17:添加角色】 ?       ...从列表的角度,看看列表里面显示的是那些字段;从查询的角度,看看有哪些字段,都是什么查询方式;从表单的角度看,一个表单里需要哪些字段。       ...这里演示了添加节点和按钮的方式,添加完毕之后,在“添加角色”里面也可以立即看到新添加的节点和按钮。操作步骤也说了,Demo也提供下载,也有源码。

    80680

    【自然框架】之通用权限(四):角色表组

    1、正向角色:       记录可以做的权限,就是记录下来可以做哪些操作,正向角色不能继承,不能关联,但是可以组合。...角色和用户是多对多的关系,即一个人可以有多个角色,一个角色可以有多个用户,角色和UserID关联,但是也要加上PersonID的信息。...角色和功能节点起到“联合主键”的功能,一个节点可以有多个方案以供选择。但是一个角色和节点的组合只能选择一个方法。... 2、一个资源方案只能给一个控件使用。  3、一个功能节点里面有查询和表单,而一个表单(查询)里面有可能有多个下拉列表框。...这是一个关联表,把角色、和资源方案关联起来,由于一个角色里面会有多个功能节点,一个功能节点可能有多种方案(但是只能选一个),有一个表单、有一个查询,而表单和查询里面会有多个下拉列表框这一类的控件, 所以在关联的时候是角色和功能节点做联合主键的作用

    1.6K80
    领券