首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏ops技术分享

    Angular 2 表单(下)

    修改 app/site-form.component.html ,使用 ngModel 把我们的表单绑定到模型。 代码如下所示: app/site-form.component.html 文件:

    网站表单

    <form> { 每一个 input 元素都有一个 name 属性, Angular 的表单模块需要使用它为表单注册控制器。 运行以上实例输出结果如下: {{diagnostic}} 只是用于测试时候输出数据使用。 通过 ngSubmit 来提交表单 我们可以使用 Angular 的指令 NgSubmit 来提交表单, 并且通过事件绑定机制把它绑定到 SiteFormComponent.submit() 方法上。 这个 siteForm 变量现在引用的是 NgForm 指令,它代表的是表单的整体。

    3.1K10发布于 2021-07-26
  • 来自专栏云计算linux

    Struts2 表单和非表单标签

    学习内容 Struts 2表单标签 Struts 2表单标签 能力目标 熟练使用Struts 2表单标签开发表单 熟练使用Struts 2表单标签 本章简介 上一章讲述了ognl和Struts2 本章将重点介绍Struts2标签库中的表单标签和非表单标签。 表单标签主要用于生成HTML中的表单。 非表单标签主要包含一些常用的功能标签,例如显示日期或树形菜单。 熟练使用Struts2标签将大大简化视图页面的代码编辑工作,提高视图页面的维护效率。 ​核心技能部分​ 7.1 表单标签 Struts的表单标签,可分为两种:form标签本身和单个表单元素的标签。 form标签本身的行为不同于表单元素标签。Struts 2表单元素标签都包含了非常多的属性,但有很多属性完全是通用的。 2:简易计算器​ ​训练技能点​ OGNL 表单标签​​​ ​需求说明​ 在前面的章节中我们实现了一个简易计算器案例,现在要求使用Struts 2表单标签和OGNL对该案例进行重构。 ​

    2.3K10编辑于 2024-12-17
  • 来自专栏程序员的SOD蜜

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

    为了使工作流具有很高的灵活性,往往需要为客户定制表单,有2种方法来处理这个问题: 由程序员为某客户定制开发表单; 由客户在线设计表单。     但对于软件公司来说一旦使用方法2开发出来一套工作流系统,那么后期实施和客户使用就很方便了,所以也有不少工作流系统提供了“表单设计器”,来在线设计工作流表单。     我们换一个角度,来看方法1和方法2的区别,发现他们的区别是: 方法1,需要开发、编译和部署程序; 方法2,不需要重新编译程序;     方法2的优势很明显的,但是它必须先开发一个“表单设计器”,这些设计器有的简单 /////////////// //填充数据 MyWebForm.Instance.AutoSelectIBForm(this.Controls); 但这不是本文的主题,本文是说如何不重新编译程序,在线修改表单 呵呵,通过该方法,是不是实现了你的“无需重新编译在线修改表单”的功能?如果开发一个工具,让用户以图形化的方式来修改表单信息,那就是真正的在线表单修改工具了。

    3.1K60发布于 2018-02-26
  • 来自专栏ops技术分享

    Angular 2 表单(上)

    本章节我们将为大家介绍如何使用组件和模板构建一个 Angular 表单。 利用 Angular 模板,我们可以创建各种类型表单,例如:登录表单,联系人表单,商品详情表单等,而且我们也为这些表单的字段添加数据校验。 接下来我们一步步来实现表单的功能。 创建一个表单组件 每个 Angular 表单分为两部分:一个基于 HTML 的模板,和一个基于代码的组件,它用来处理数据和用户交互。 @Component 选择器 "site-form" 表示我们可以通过一个 <site-form> 标签,把此表单扔进父模板中。 因为模板驱动的表单有它们自己的模块,所以我们得把 FormsModule 添加到本应用的 imports 数组中,这样我们才能使用表单

    2.5K10发布于 2021-07-26
  • 来自专栏sktj

    bootstrap 表单 2 input

    DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bootstrap 实例 - 表单控件大小</title> <link rel > <input type="text" class="form-control" placeholder=".col-lg-<em>2</em>">

    选项 2 - 选择它将会取消选择选项 1 </label>
    <label for="name">内联的复选框和单选按钮的实例</label>
    选项 2 </label> <label class="checkbox-inline"> <input type="checkbox" id="inlineCheckbox3 DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bootstrap 实例 - 表单控件状态</title> <link rel

    1.3K30编辑于 2022-01-10
  • 来自专栏finleyMa

    Angular 表单2--响应式表单, 处理异步数据

    上一节中我们定义了一个响应式表单,其中表单数据是在定义的时候就初始化好的,但是很多时候数据需要异步获取,比如 打开一个编辑页面,需要 请求HTTP拿到数据。 根据数据修改表单中字段的值,最终体现在页面上。 我们改造上一节的例子,成为异步获取数据。 this.userService.loadUser().pipe( // tap 返回的还是 Observable 这里我们不订阅,我们在模板中使用 async pipe 和 if else 语句实现有条件的显示表单 </ng-template> 你会发现页面打开后一开始显示Loading User...过了大概2s后文字消失并显示表单

    3.8K30发布于 2019-03-08
  • 来自专栏reizhi

    使用Google表单创建在线调查问卷

    Google drive是一款在线文字处理平台,能够在web浏览器中对文档进行编辑和查看。Google drive与Gmail,Google相册一同共享15GB免费存储空间。 下面给大家介绍如何使用Google drive来创建一份在线调查问卷。 时下能够提供在线调查的网站非常多,但Google drive的稳定性以及速度都是其他在线平台所无法比拟的。 注册完成后正式开始创建在线调查问卷流程。 1.打开https://drive.google.com/,选择创建>表单 2.选择表单模板 3.点击“添加项”添加调查问题。 其他的设置包括必填问题,数据验证等 5.点击发送表单创建分享链接,点击嵌入可以使用iframe方式将调查问卷嵌入到网页中。 Google drive在线调查问卷示例:https://docs.google.com/forms/d/10VvKwykgfWGBVgMS-sHJozSAwKbbkxH0tk53zP1Z4LQ/viewform

    6.2K30编辑于 2022-09-26
  • 来自专栏有困难要上,没有困难创造困难也要上!

    使用formio和react实现在线表单设计

    formiojs 是一个开源的在线表单设计工具,今天看看怎样在 react js 中使用 formiojs。 react18-json-view npm install react-bootstrap npm install font-awesome 创建组件 这里创建一个简单的页面组件,主要包括三部分,第一部分是表单设计器 ,第二部分是表单预览,第三部分是表单JSON数据。

    1.1K10编辑于 2024-04-12
  • 来自专栏初见Linux

    7-2.表单-HTML基础

    2)name属性取值不一样 <! 重置按钮示例1.png (2)清除范围 重置按钮只能清空它所在form标签内表单中的内容,对于其所在之外。 (2)示例 ① 例1 <! (2)语法格式 <select> <option>选项内容</option> ... </select> 2.select标签属性 在HTML中,select标签常用属性有 2 个。 ② 例2-size属性 <!

    3.4K21发布于 2020-10-10
  • 来自专栏行者常至

    (19)Struts2_表单标签

    表单标签 ---- 概述 表单标签将在 HTML 文档里被呈现为一个表单元素 使用表单标签的优点: 表单回显 对页面进行布局和排版 标签的属性可以被赋值为一个静态的值或一个 OGNL 表达式. 表单标签的共同属性 ? 该属性只在没有使用 simple 主题时才可以使用. ---- form 标签 form 标签用来呈现 HTML 语言中的表单元素 ? 默认情况下, form 标签将被呈现为一个表格形式的 HTML 表单. 嵌套在 form 标签里的输入字段将被呈现为一个表格行. 每个表格行由两个字段组成, 一个对应着行标, 一个对应着输入元素. 默认值为 false, 它决定着在表单回显时是否显示输入的密码. submit 标签 submit 标签将呈现为一个提交按钮. 根据其 type 属性的值. -- 表单提交后,重新跳转到form-tag.jsp --> <action name="save" class="com.qbz.struts<em>2</em>_02.UserAction" method

    2.2K10发布于 2018-09-19
  • 来自专栏路过君BLOG from CSDN

    vue2笔记2 表单用法整理

    -- 表单提交事件调用函数,并阻止默认的提交跳转 --> <form @submit.prevent="submit"> <!

    34310编辑于 2022-04-13
  • 来自专栏IT码农

    yii2表单样式(一)超级基础

    <label for="" class="pull-left </div> <div class="form-group invoice-row2"
    2、某些商品若您选择开具发票, 则需要承担相应的税点,合计价格会变为含税价格,具体可咨询客服人员。

    40231编辑于 2022-01-10
  • 来自专栏科控自动化

    Graph编程2_在线调试

    1 Graph在线调试 1.1 Graph程序在线状态 打开Graph程序,点击在线可以看到Graph中所有顺控器的在线状态,见图1。 图 1 Graph在线状态 从图中可以看到灰色步和彩色步,灰色步表示未激活步,彩色步表示已经被激活,例如图中S2,S5和S10,这三个步已经被激活,不同颜色代表步的不同状态。 红色表示当前步激活,监控条件满足,有监控错误,例如S2步。 黄色表示当前步激活,互锁条件不满足,同时监控条件也不满足,例如S5步。 1.2 Graph程序测试面板 Graph在线后,在右侧测试栏的顺控器控制卡页可以对顺控器进行控制,这个也称作调试面板,见图2。 图 2 Graph控制面板 在手动模式中还可激活“启动同步”,通过选择“满足先前的转换条件”或者“满足互锁条件”,会过滤出满足所选条件的步,在顺控器中显示为浅蓝色边框,如图3。

    2.4K22编辑于 2022-03-29
  • 来自专栏攻城狮与产品喵

    【DEDE】织梦dede如何添加“自定义表单”实现反馈信息、在线留言、在线订购、在线报名系统及标签怎么调用

    ”实现反馈信息、在线留言、在线订购、在线报名系统及标签怎么调用 做一些提交信息到后台或发送到邮箱的功能,以便于收集、统计、分析及处理更多的数据。 比如:在线订单、在线报名、在线留言、反馈信息、在线订购等一些常见的互动应用。 问题:织梦dede如何添加“自定义表单”实现反馈信息、在线留言、在线订购、在线报名系统及标签怎么调用? —建立了表单2)选择管理——修改——添加新字段——添加名称,代码; 这个待会会调用前台别人要填的项目(数据字段可用首拼,数据类型一般写单行文本或多行文本,可以选下拉)——确定——因为刚刚点了“选择公开审核过的 value="post" /> <input type="hidden" name="diyid" value="1" /> <input type="hidden" name="do" value="<em>2</em>" multitext;dh,text;bz,multitext" /> <input type="hidden" name="dede_fieldshash" value="48611872c03062c5f0bd<em>2</em>cafdf<em>2</em>ab5fc

    1.7K00编辑于 2025-03-13
  • 来自专栏葡萄城控件技术团队

    Spread for Windows Forms快速入门(2)---设置Spread表单

    设置表单的背景色 每一个表单都有两个不同的背景色。第一个背景色是指所有单元格的数据域的背景色,它是一个表单级别的设置项。第二个背景色是指单元格以外区域的背景色,同样的,它也是一个表单级别的设置项。 表单中所有单元格的背景色,与其他的属性相同,可以使用表单的默认样式进行设置。在下面这个示例中,所有单元格的默认样式中的背景色是绿色。 下面的示例代码把第一个表单的背景色设置为浅黄色。 因为背景图片大小与表单大小的差异,图片可能会在整个表单的单元格内重复(平铺)显示。 ? 在学习设置Spread表单的大小和外观之后,下面的示例代码用来设置表单的宽高和行列数。

    2.3K70发布于 2018-01-10
  • 来自专栏Python 学习

    前端-part2-form表单+下拉框

    DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>form表单示例</title> </head --网址 方法 定义二进制传输 表单数据是否按照输入历史自动补全 开启格式检查 -->

    <label for=" >女</label> <input id="r2" name="gender" type="radio" value="0"> <! >足球</label> <input id="h<em>2</em>" name="hobby" type="checkbox" value="football"> <label for= --submit提交本次表单,而button需要被赋值--> </form> </body> </html>

    99920发布于 2019-08-08
  • 来自专栏信数据得永生

    django 1.8 官方文档翻译:5-2-2 表单素材 ( Media 类)

    表单素材 ( Media 类) 渲染有吸引力的、易于使用的web表单不仅仅需要HTML – 同时也需要CSS样式表,并且,如果你打算使用奇妙的web2.0组件,你也需要在每个页面包含一些JavaScript 每次CalendarWidget在表单上使用时,表单都会包含CSS文件pretty.css,以及JavaScript文件animations.js 和 actions.js。 js = ('whizbang.js',) >>> w1 = CalendarWidget() >>> w2 = OtherWidget() >>> print(w1.media + w2.media 在表单上定义media 的规则和组件上面一样:定义可以为静态的或者动态的。声明的路径和继承规则也严格一致。 无论是否你定义了media, 所有表单对象都有media属性。 – 例如,表单布局的CSS – 只是向表单添加Media声明就可以了: >>> class ContactForm(forms.Form): ...

    1.2K20编辑于 2022-11-27
  • 来自专栏运维技术迷

    AWS EC2 在线扩容磁盘

    需求 对正在运行的生产服务器进行在线不停机扩容卷大小,在这个过程中,不影响已有的数据,不会对已有的磁盘做格式化,只单纯增加容量。 TYPE MOUNTPOINT xvda 202:0 0 100G 0 disk └─xvda1 202:1 0 100G 0 part / 调整卷大小 进入控制台,选择EC2 ext文件系统的磁盘使用resize2fs [root@ip-172-XX-XX-XXX ~]# xfs_growfs -d / meta-data=/dev/xvda1 isize =512 agcount=51, agsize=524224 blks = sectsz=512 attr=2, projid32bit bsize=4096 ascii-ci=0 ftype=1 log =internal bsize=4096 blocks=2560, version=2

    1.2K20编辑于 2023-10-20
  • ElementUI——vue2+element-ui 2.x的动态表格和表单

    前言 一个基于vue2.x + element-ui 2.x版本的项目,里面都是CURD的东西,但是前人并未封装组件,而是直接CV,现在要新增一个大模块的功能,就想着封装个组件,后面再基于这个组件对老项目进行改造 -- 查询表单 --> <el-form :inline="true" :model="formData" ref="ruleForm"> <el-form-item v-for="item in

    62210编辑于 2024-08-15
  • 来自专栏十月梦想

    表单

    1.表单控件     1.input标记         1.input标记             提供文本输入框,密码输入框,按钮,单选按钮,多选按钮,文件上传框,隐藏域         2.属性 创建不同的输入框             value:输入框的值             name:给输入框起个名字(必须要写)             disabled:禁止         3.具体的表单 属性:                     value:输入框的值 maxlength:允许输入的最大长度                     readonly:只读             2. height: <input type="text" />     weight: <input type="text" />   </fieldset> </form> fieldset标签嵌套在form表单里面 , 会出现组合表单外边的边框 !                

    3.3K30发布于 2018-08-29
领券