刚才那个视频啊,有可能标题写错了啊,现在说的才是表单增强的辅助功能啊,看一下是什么意思。那么在表单当中呢,经常会用到一个标签,就叫 level 啊,用它来增强我们的这个空间交互啊,简单来说就是提高这个用户体验。 还有一个呢,就是使用我们的这个自断级 futit, 它本身呢就是个集合的意思,那么这个东西呢,主要目的啊,就是实现在页面当中啊,来管理一些这个表单欲对象。呃,应该说是表单控件对象吧,说的有点不太准确, 它实际上相当于一个表单玉的一个容器,这又说错了啊,空间的一个容器,表单玉呢是一个容器,那么我们这个自转集呢,也是一个容器啊。首先我们看第一个啊,这个标签,我们这个标签呢, 他实际上不是我们的好表单空间, 他只是作为表单结构的一个辅助功能啊,主要作用呢就是在页面当中进行一个提示啊,说白了就类似于我们的失败这个元素一样,那么你可以把它理解为就是对空间的说明,并且呢他是一个啊,行间元素,也就是一个行和默认的是没有任何的这个样式。好,来看一下, 首先给他一个表白码, 来个大战 level, 好,这就是它的表现,然后呢,在这里面输入姓名,大家可以看到呈现出来了,那么假如后面有一般性的这种行间的元素啊,使用啊字符, 大家可以看到它处于同一行,说明呢,它是一个行间元素,检查选择我们的这个 display, 可以看到是一个航天元素啊,那么它有什么作用呢?默认情况下,它是需要和其他的这个表单元素啊配合使用。 好,那么看一下怎么来配合。第一种呢?是使用我们这个 level, 把我们的啊表单元素,表单空间给他插入到 level 这个元素之内。好,看一下, 看下它有什么作用啊?现在呢,我这个 input 就是用 level 来进行包裹的, 那么当我要把插入点放在这里面,在这个文本框内进行单击,就可以完成。此时呢,如果啊,我手抖了,我们点准,我点到姓名上,大家可以看到呢,依然让我们的文本框获得了焦点,那么就说明呢,我们这个文本框,这个空间,它的这个交互的区域扩大了,扩大到什么地方呢?扩大到这了, 以前是这,现在呢?是这,只要单击 level 区域,就可以让我们的文母框获得这个好,这是第一种用法,那么还有一种用法是这样用的, level, 比如我们先不给,什么都不给他好,给地址吧, 然后也有个 id, 几乎呈现的效果是一样啊,实际上看起来不一样,这里面有个空格,主要是在这,在这个地方造成空格,那么这都无所谓啊,那么这是普通的, 那么只要想获得这个焦点,只能在这里面单击,可是现在呢,我们这个 address 里面有个 id, 那么假如我为我们的 level 添加一个属性叫放放呢?你可以理解为他是为谁服务的,是要绑定到哪一个这个空间上, 直接使用那个空间的? i d i d d i e s s。 这个时候我们再看,当我在地址上登记的时候,我们这个地址文母框也获得了焦点,那么这个种方式呢,它是使我们的 level 和 input 啊分离开来了, 虽然分离了,但是呢,我单击我们的 level 就等同于我单击了这个 input 啊,这种呢,就是通过报这个属性把我们的 level 和 input 进行绑定, 那么这种方式呢,是最为常用的,也更有这个意义,也更加灵活。为什么呢?因为将来有关表单的布局,我们肯定是通过 css 来控制的, 那么如果采用这种方式呢,我们使用这个 c s s 就比较容易定义他这个啊,这个选择器也比较容易来这个把我们的所有的表单空间进行这个呃分类的进行控制啊,进行定义,比如有关这里面的 一些文字提示,我想单独的给他设一个快,那么假如采用第一种方式,你就很难把这个姓名冒号给他定义一层,定义一个固定快,但是呢,是采用这种方式,那就不一样,因为我们的 level 呢,可以单独的进行定义 好,这是我们的 level, 今后呢,呃,我们要是使用表单的话,只要有类似于这种提示文本,一般情况下都是使用 level 来进行定义。好,继续。下面一个呢是 table index, 这个属性是干嘛的呢?这个属性允许用户使用我们键盘的这个 type 键来导航,所以表单元素的这个输入焦点, 其实在默认情况下呢,浏览器呢,已经给表单元这个空间指定了他特有的这个呃制表顺序使用这个属性呢?嗯,我们也可以呢,自定义我们的这样一个数字顺序,为每一个属性,而为每一个这个表单空间指定一个,呃,具体的一个数字值啊, 看一下是什么意思啊?就目前来说啊,假如这个页面我什么都没有,这个淡季,假如我按 type 键,大家注意啊,大家可以看到第一个获得焦点呢,就是这个姓名,再按 type 键,他又获得了,再按 type 键,那么其实这个地方获得了,大家可以看到他有变化。暂态不见地址按获取了,暂按 type 键,右塔获取了啊,这种循环反复。 那么假如我想自定义这样一个顺序可不可以呢?当然可以,就是使用这个泰国一代啊,我们来看一下啊,为了减个时间,因为现在也停满了,那么我就不再增加啊,再增加一把,看起来不爽。 有啊,性别 好。这里面呢,我们也可以使用 level 来进行表示 level, 比如放放什么呢?嗯,叫 m a w e, 我记得表示男性嘛,是吧?男, 然后这里面是 input top ready name 为 sex, 然后 id 就是 male 改成泥, 这个 number 不变而已。然后呢,再来一个, 这里面呢,加个 butt, input top, double meat。 嗯,得了,就这么多了啊。 input top 会有个 reset, 大家看一下,那么这是默认情况下叉五点放着,按 第二个开播到这开播到这到这啊,再开播到这,再开播又回去了啊,那么这个顺序能不能在我自己定义呢?当然可以定义了,大家看一下,在这 我们使用 table index 是一啊,我故意的,把这个 in 这个呃,用户啊,用户名呃,设为一,然后呢,我再把我们的男设为二, table index 为二,然后地址啊,我再设为三, table index 三,然后把这个女再设为 table 一袋子四啊,然后再把 reset 拆包五六好看一下,是不是这个顺序啊,看清楚了,按 table 键姓名,按 table 键男,再按 table 地址女重置啊,提交非常正确啊,没有任何这个 错误,这是太不应该的,这个有什么好处呢?我不知道大家有没有遇到,就是在使用这个我们电脑的时候,突然间有可能鼠标坏了 啊,或者是鼠标不灵了,那么此时呢,我们怎么来切换这个空键,就是使用我们这个开口键,其实 windows 里面,对于每一个窗口里面,那么如果不使用鼠标的话,都可以来使用我们这个键盘来进行控制, 比如有关菜单的,我们基本上是按住我们的这个 alt 键,你看 alt 加 e, 看出来了,大家可以看看这些快捷键啊,都直接使用就可以了,比如 ctrl 加 t 啊,还有一点呢,就是我们这个啊,有一些软件,大家看到这个插入,哎,这里面反而没有了啊,比如这样吧,是 altf, 大家可以看到打开的是文件,因为 bug 是这个 f 开头的,假如我要编辑了 alt 加 e, 那么大家可以看啊,这是切换到这了,对吧? 然后 out out h, 那么就是打开了这个靠开始,并且呢他会自动的在这个命令旁边加上了这个啊,一个快捷键的一个字母,比如啊,我想呢,进行查找这个 f d 啊,那么这 f d 我们可以 ctrl f 或者是 out, 得了就不说多了啊,就浪费时间。那么这些东西啊,都是来增强啊,我们这个软件使用的这种啊体验,那么对于我们这个 wifi 来说呢,那显而易见,也必须他要有这方面的措施啊,特别是有可能有某些呃, 或者说行动上不变的人啊,呃,还有一些这个我们今后会学到 css, 会发现呢,有一些这个属性啊,设置还挺奇怪的啊,为什么那样设置?实际上比如有可能我们会为一些这个啊,盲人,或者是一些这个啊, 就是一些特殊的终端设备啊,设置的一些属性就是考虑到一些特殊的人群。好,这东西呢,就说到这,我们下面看另外一个叫 access 啊, k, access 呢,本身呢就是访问的意思,然后 k 呢就是键的意思,实际上这个单词组合在一块,两个单词组合在一块就是快捷键 啊,也就是刚才我说的啊,这个配合 out 啊,来添加某个组合键,那么这个怎么做呢?就是使用这个属性,比如这个地址,我们再来添加一个啊, access k, 比如加一个什么呢?这个地址我们输入一个 d 吧啊 a 啊,就是 itas 的这个开头,比如这个女啊,我们先来一个 女呢,是啊是吧,那么就是填写个啊,然后呢这个提交按钮啊,提交按钮,我们就 来个嗯 s, 好,大家看一下。哎呦,第一玩就忘了姓名是哪一个, 前面没有添加,再来添加一个吧,哎, access 游戏名是 u, 所以这个时候回到我们的页面,我按住 cut out 加 u, 哎,是不是他或许加点弯啊,然后男,这个是哪一个? 男,没有定义。女是 alt 加啊,好,直接按 alt 加啊,可以看到定位到这个女啊,还有这个地址是 alt 加 a, 哎,到地址里面了, 那么还有我们这个提交按钮是 alt s, 大家可以看到直接提交了啊,都不允许,都没让我们这个进行单击啊,这个功能也是特别好用啊,那么简单理解,就是给他定一个快捷键 啊,下面还有一个啊,就是自断极,这个自断极呢他呢啊主要的目的就是在页面当中啊,来管理这些表达空间,也相当于一个容器啊,我们看一下怎么来做, 现在呢已经有一个 found 了,默认呢显示成就这样,那么我们在 found found 里面加一个 field set 到这好了,保存一下,此时我们会发现呢有一个框啊,这个框呢就把当前的他所包含的这些空间啊给他圈起来了,代表他是一个区域啊, 那么假如我们这个啊表单率非常多啊,内内容非常多,那么此时呢我们可以把它使用我们这个 filter set 进行分割,比如有关这个用户的一些基础信息,在有关这个用户的一些联 联系信息,还有关这个用户的一些这个教育信息,那么每一块内容呢,都可以使用啊,这个 feelset 来进行这个呃分割,那么比如在这里面我再来一个,那么这个呢,我觉得呢应该放到哪呢?放到这吧啊,从这好,然后这个地方再加一个, 然后这里面先输入这个教育啊,我就随便写了啊,就你的学历吧啊, 大家可以看到有两个了,那么有关教育的一些空间都放在这啊,或者是有关于这个工作经历的啊,只要大家找工作,像我这些类似于找工作的这些网站里面,它里面需要我们填的内容非常多,都是使用它啊来进行这个分组啊,那么对于他分组这里面其实 还有一个啊,还有个标签啊,是什么呢? legent, 这个实际上是定义的一个呃,叫做标题,叫自断级一个标题啊,那么可以看到呢,左上角这个地方有个小口啊,有个小基本信息 一个吧,比如这个地方我也来添加一个, 它就像一个标题一样,非常有意思啊,它起到一个分组的作用,那么这一个表单来说呢,如果仅仅只有一个啊,去啊,我觉得呢就没有必要啊 这个标签,可是这个标签呢,在某些时候啊,因为它是一个容器嘛,所以呢在某些时候呢啊,也可以用它,用它呢可以定义一些这个布局,比如有关这个,把这个整个东西放到某个区域的右侧,或者是添加某个背景颜色啊,或者是添加一个边框,哎,也可以使用它嘛, 并且呢它还有一个 title 啊,类似于 title 啊,这个每个东西啊非常有用啊,这个 title 就是 legent, 对吧?啊,最后呢,我们在讲 z s s 的时候,会专门针对它来进行一些格式化啊,这里面的增强辅助功能啊,就已经说完了。
粉丝2369获赞8446


还在为制作签到表烦恼?试试 ai 智能表单生成功能,让考勤管理更简单高效。一、一句话快速生成,直接输入您的表单需求,如创建会议签到表,系统自动生成包含所有必要字段的完整表单。 二、图片智能转换,上传现有纸质签到表的照片, ai 自动识别并转为可在线填写的电子表单。 三、 excel 一 键导入,上传 excel 表格, ai 自动解析数据,并生成可直接使用的在线签到表单。 所有 ai 生成的表单均可二次编辑,从会议签到到日常考勤, ai 让表单创建从分终级缩短到秒级,实现真正智能高效的考勤管理。立即体验智能签到,开启高效管理新时代!


嗨,小伙伴们好,咱们刚才啊,已经把表单空间中的第一大类 input 表单啊讲解完毕了,接下来咱们这个视频把剩余的三种讲解一下。首先我们先看一下 testarea 多行文本输入框,它有什么使用场景呢?我们一起来看一下。 testarea 啊,是 it 码元素中一个多行春文本编辑空间,它也是一个表单空间。它的不同之处是在于允许用户输入大量的文本, 比如说我们经常做的评论啊,或者是反馈表单。喏,这是 deepsafe, 我 里面可以写更多的文字。那留言我可是有千言万语啊,那我可以写更多的文字。如果遇到输入大量文字的时候,那就应该用到 test error 了。 而我们前面讲的 input test 叫单行文本框,只能输入一行。好了,那在这里我们就明白什么时候使用 test area 这种多行文本框了。那当然了,多行文本框有时候我们也称之为文本域啊,就是这个区域可以输入大量的文本。 好了,明白使用场景,接下来我们看一看它的语法是什么?首先它的语法也不难,它是一个双标签, test area 杠 test area 就 可以了。 同时呀,它里面还有一些常见的属性,比如说 name, 哎,是我们这个多行文本框的名字, placeholder, 也就说提示信息,它又多了两个,一个叫 rose, 一个叫 cross, rose 呢,是文本的行数哎,我们的多行文本框呀,它更大一些,那如果你在里面给它写上一个值为二,那就说默认是两行,它可以写第一行,第二行显示这么多, 它里面跟的是一个正整数,如果你写为一个三啊,那它会更高一些,允许用户写三行。所以说 rose 是 行的概念,那 cos 呢?同样道理是列的概念, 如果不写,默认的是二十。也说我这个表单里面默认可以写二十列就二十个字可以这么罗列下来啊,里面跟的还是正整数。 好,那讲完之后,我们到代码里面去给小伙伴们去体验一下。好的,切换到编辑器当中。 那在这里我们首先要插入的是我们的文本域,也有说是我们的 textarea 啊,好,我们一个一个来啊,它这儿有提示,我们可以手写一下,现在同学们感受一下啊,比如说这儿呢,是叫做,就叫留言吧,哎, 就叫留言好码号,然后另起一行,它会有自动提示的 textarea, 我 们就利用它默认生成的 name 叫 m s g。 哎,这个表达的名字叫 m s g id。 哎,我们没有写,我们可以先删掉啊,有 course 和 rose, 那在这里我们先保存一下,看效果。走着,同学们看到了吗?留言就能看到这个留言框了,因为我们这儿写了一个 rose, rose 的 意思是行就可以写十行,你看看啊,一二三四五六七八九十,满了。 呃,但是啊,不是说你买了之后就不能写了,还可以写,你可以敲一下回车继续写,只不过它出现水平滚动条,它的意思是你可见区域能看得见,就是这默认的是这么高的,你写的话就会出现滚动条。好,这是我们说的 rose, 那 cos 是 三十,我就不验证了啊,就是可以写三十个字。 好了,那在这里就是我们的 test area 的 写法了。那除此之外,还有呢,就是它也可以设置 please holder 啊,好,我们给它写上, please 哎, holder 哎,写上,请输入留言,我们 ctrl s 保存一下,走着喏,是不是一样的,大家都熟了,点击进去输入消失,删掉回来就是这样子啊。 好了,那我们 test area 就 给小伙伴们讲解完毕了,最主要的是它里面有一个行和列的概念,那只不过平时开发中啊,呃,像这个 test area 啊,多行文本框,它的一个宽度啊,高度啊,我们都是通过 c s s 来控制的。 好了,讲解完毕之后,我们去看看真实的案例它是怎么去写的,比如说这就是我们 deepsea, 这个肯定是用 test 的 area 文本域来做的,我们检查一下啊,去找找它,走着,果然找到了, 它呢,有一个 placeholder 啊,给 dipstick 发消息哦,它默认有个 ross, ross 呢是等于二,哎,这个就是 test area, 除了这个之外,我们再来看一下,我们经常要给一些呃文呃新闻啊,发表一些留言,这个呢,肯定用的也是 test area 了,来,我们看看啊,是不是文本域呢, 尤其检查,然后我们找一找,找到它,哎,你来看一下,呃,它啥也没写,就写了一个 name, 对 不对?这就是我们的 test area 了,文本域。 好了,那么讲完之后呢,我们回到我们的 ppt 当中,刚才也说过啊,真正的啊,这个 rose 和 cos 啊,一般情况下,我们是通过 css 来设定的,这样我们可以给他文本域指定大小。刚才我们看到的人家的非常漂亮,都是通过 css 来进行修改的,比如说修改 宽高啊,边框呀,圆角啊等等之类的,所以说现在别嫌丑,同学们,等我们学了 css, 咱们可以让它变得很漂亮。 好吧,好,这就我们的文本域的说法了。 ok, 认识完我们的文本域之后,接下来我们再看第三个,叫做 select 下拉列表空间。 下拉列表空间啊,给我们提供一个菜单选项,同学们见过吗?比如说你是哪里人呢?哎,你是北京的?深圳的?广州还是上海的?这样呢,当我点击这个呃,下箭头的话,可以展开这种呢,就叫做下拉表单空间了。好了,那我们看一下它的语法怎么去写,小伙伴们来看啊, 好,同学们注意它的语法呀,也是由两组标签组成的,其中 select 呢,是容器里面的 option, 是 每个选项。 同学们也发现规律了,只要里面的选项一多啊,一般都需要一个副容器把它包起来,比如说我们的 u l, u l 里面是不是包含着若干个小粒啊?哎,都是副容器,包含雌元素。 好了,那么我们这里面需要注意的是 select 呢,也可以给它个名字啊,如果有 id 加 id 这个 id 啊,我们后面会介绍是什么意思, 其中里面的每个选项 option, 比如说有北京,有深圳,有上海,有广州,此时里面就是 option 了。然后我们需要给的一个属性就是 value 值,因为用户啊,可能选了北京,这时候我需要提交的时候,就把它的值送过去, value 可以 写北京。 当然我们说了这儿可以写中文的啊,没问题,包括我们的多选按钮啊,就是复选框, check box 里面的值啊,都可以写中文,这个根据我们公司的需求来就行了啊。 同时啊,这么多选项里面,你想默认选中一个,因为它就是一个小框框嘛,你想把谁先显示出来,可以默认选中,此时可以通过 selected 来进行显示。注意啊,我们的复选框默认选中一个是用 checked, 而下拉空间用的是 selected 啊,这个不给它们混淆,记错了。好,这就它的一个基本语法了。 不过小伙伴们,因为这个下拉空间啊,嗯,整体还是比较丑的,我们也后面 css 也没有办法把它修改的很漂亮。所以啊,实际开发中很多的我们看到类似的下拉列表啊,一般是通过其他标签来模拟的。 好,我给小伙伴们一会去介绍一下。那在这里呢,我先给同学们简单演示一下这一个标签,同学们知道有这种标签就行了。好,接下来我们到大妈里面去做一个介绍, 现在回到代码当中,接下来我们要做的就是我们的下拉列表喽,我们再加上一个小例,然后我们加的是 select。 哎,在这里同学们用默认生成就行了好吗?啊,非常快捷的啊,走,那我们再看一下城市啊, select name 等于 city, 就是 哪个城市里面有 option, 北京,上海还是广州? 在这里面的 y 六,你完全可以哎,按住滚轮复制一下啊,我说了不一定费的是数字,你改成这种中文也可以,就看看公司啊,你们的后端呀,他要什么样的数据,你给他什么就行了,包括我说了上面这个 check box, 这个也可以给他中文。好吧, 好了,这样的话,我们就书写完毕, ctrl 加四保存一下。小伙伴,你看有城市默认是不是北京啊,展开有上海有广州,这就是下拉列表喽,当然你想说,哎,老师啊,我想我是在上海啊,我想默认选定上海,怎么做的嘞? 对了,在 option 上写上一个 selected 就 可以了。好,它呢,也可以简写 selected, 现在我在已保存。注意看啊,城市默认的是谁 走,哎,是不是就上海了,就上海了啊,所以说你把这个属性加在谁身上,谁就会默认选中。好了,这个就是给小伙伴们介绍的我们的下拉空间,刚才我们也说过,其实啊,嗯,这个下拉空间还是比较丑的啊,后面的 css 也很难把它修改为漂亮。 所以说啊,在开发中,我们经常是想做的漂亮是通过其他来模拟,比如说,你看这个小米账号,你看 这有一个下拉列表,我展开之后,你看人家怎么这么漂亮,和我们的好像不太一样呀,对吧,其实啊,他这个,他并不是用 select 来做的,而是用模拟,我们可以展开看一看就知道了啊,好,我们可以 f 十二键 打开,然后呢,选定它之后,你看这里面并没有 select 下拉列表,它用的是这种 diy 啊,呃, import 呀,等等的模拟出来的,因为 diy, import 这些可以通过 css 修改的很漂亮,明白了吗?所以说,整体来说,我们的 select, 同学们整体作为一个了解就行了, ok, 好 的,那这样我们讲解完了, select, 同学们整体作为一个了解就行了。 ok, 好 的,那这样我们讲解最后一类就是我们的 button 按钮, 在我们开发中会经常需要一个按钮来做呐,见过吗?看到这一个搜索完了吗?当我们说完内容之后呢,点击这个小按钮就可以来搜索了啊,比如说登录啊,注册呀等等的,都可以通过这个按钮来实现,这个就是 button, 在 这里我们呢,呃,想给它更换背景啊,或者是想换一张图啊,这个等着学着 css 我 们再来换。现在我们先生成一个最基本的 button 标签。 好, button 怎么写呢?注意语法,还是一个双标签, button 杠 button, 当我们写完之后,它显示的,呃,就是这个样子了啊,看到没有啊,就是一个普普通通的灰色按钮的啊,所以说,呃,还是那句话,你想让它漂亮, 我们马上就进入 css 环节,可以让它想要多美就多美。好吧,有一个点需要我们注意,就是我们 button 杠, button 中间你写什么文字,哎,真正按钮的时候,这儿就会显示什么文字,我这儿写的是搜索呀,所以显示的是搜索按钮,如果我把这儿改成一个注册, 这个按钮就变成注册按钮了,字会直接显示出来,这个要注意啊。好了,那 button 呢?整体的语法比较简单,直接写 button 就 可以了,里面我们重点学一个属性,就是 disabled, disabled 属性可以禁用按钮,无法点击,因为我们在有的时候遇到这个场景,就比如说这是小米的登录, 我还没有输入手机号,我还没有输入验证码,这儿的登录这个按钮啊,是没有办法登录的,哎,就是灰色的,你点击也没有任何的用处,所以说在我们的 button 里面,你可以通过 disabled 让它禁用这个按钮,当我们添加完属性,它就会由这种颜色变成灰一点的颜色,一看就知道不能点击了。 好了,那接下来我们把我们的 button 按钮给小伙伴们演示一下,走着到我们的编辑器当中打开。哎,这已经写过了啊,好,我们最后啊,把它剪切一下, 最后一个小丽啊,然后呢,我们把我们的 button 给它拿过来就可以了,这个叫登录,写完之后 ctrl 加 s 保存。喏,这个登录是不是已经有了?当我点击完之后就可以把我们表单域里面这一些所有的表单数据提交到后台了。 好,小伙伴注意自己看啊,比如说这个账号,我输入的是一个 pink, 它具有提交功能的啊,密码一二三一二三。好,然后我是男的,喜欢足球请你留言。呃,然后那个好好学习,天天向上, 好,然后呢,我是在北京,当我选完之后啊,注意仔细看。我点完登录,点完登录之后呢,我把这个浏览器放大一下啊,注意仔细看哦,看到没有,上边呢就会有多了这么一个地址,同学们看, user name 等于 pink, 还记得 user name 吗?哎,是不是就是我们每个表单的 name 它的值啊, 哎,是不就是表单里面的 name? 来来来,别忘了啊,来,往上走走看看。呃,我们第一个看到有一个叫做 name 了吗?是不是 user name, 所以 我们说表单都有个 name, 目的是用来收集数据的,你看 user name 是 pink password。 一 二三,一二三啊,真的是一啊,我选的是男生, 然后呢?并且里面有一些,呃,像文件啊,默默儿没有,还有 message, message 呢,是好好学习天天向上,然后 city 是 等于北京,所以说这个 name 还是比较重要的,但是当我点了登录之后呢,它就会把相关数据送到后台去,明白了吧?啊, 当有的小伙伴说,啊,老师,密码怎么显示出来了啊,没关系啊,真正的我们的 form 表单呀,啊, form 表单域啊,这个等我们后面之后会让它不用这种形式来提交,在这儿你只需要知道登录它有提交功能就行了好吗? 好了,那这样的话,我们就把我们这个 button 按钮也给小伙伴们去讲解了一下,当然我们也说过,有的时候啊,呃,用户还没有填写是不让它登录的,当我写完之后, ctrl s 保存 好,我把我这个呢再把它放到右边来啊,哎,你来看,是不是这个按钮就变成一个灰色,登录没有办法点击了,和刚才不一样的啊,来,我给你对比一下,现在,哎,保存是黑色的,我一点击就可以来进行呃,提交了,但是现在呢,哎, 变灰了,哎,这个就是我们说 this a 包的属性就行了好吗?好了,那整体来说这个按钮也比较简单,具体的怎么去美化呀,怎么去添加图片让它变得更漂亮呀,还是大家敬请期待 css 吧。 最后呢,我们来看一下小米啊,你看刚开始这个地方没有输入内容吗?所以说没有办法点击,我们来看一看他是不是用的 this a 包的 u g 检查。还是那句话, pink 老师花了大量的时间给你们讲场景啊,以后 需要的时候你们不要忘了好吗?你看这是不就 disable 的, 所以按钮就无法点击了。 好了,这个就是给小伙伴们讲解的我们这三个文本域,下拉列表和 button 按钮,其中文本域可以输入多行文字,下拉列表可以选择不同的选项,而我们的 button 按钮呢,有登录功能,就是一个小按钮,里边呢,你写什么文字,它这就会显示什么内容。比如说登录,我可以改成注册 哎,如果保存一下,你看这儿就会改成注册,写什么内容就会显示什么,同时里面有 disable 的,是禁用的意思。好了,那 pig 老师讲解完毕之后,接下来就交给猪爸爸了喽,让猪爸爸给小伙伴们去做一个系统的总结好吗? 好的,又轮到我的时间喽,小伙伴们,我们来总结一下,看看小伙伴们跟着 pink 老师学的怎么样。这时我采取提问的形式哟。第一,下面效果是通过哪个标签来实现的呢?我说的是这里部分哦,可以发表留言的 非常好。我们用的是 case 的 area 来实现的,因为 s area 可以 输入多行文本,可以输入更多的文字。它的语法呢,听老师也讲过了,是个双表情, as area 杠, as area 就 可以了。 同时老师也讲了其中的几个属性,比如说 name 属性, placeholder, 我 们应该很熟了,里面多了两个,一个叫 rose, 一个叫 cos。 rose 呢,是文本的行数啊,默认为二。 cos 呢,是文本的列数,默认为二十。在这里啊,求小伙伴们实际开发中啊,我们可能是通过 css 来设置这个文本域的宽度和高度,但是如果别人写了像 d peak, 它就写了一个二,你要知道它是什么意思就好了。 好,这是我们讲的文本域好。第二个问题,下面效果又是通过哪个标签可以实现呢?注意,我说的是注册这一部分区域,哦, 对了,是用 button 来进行实现的, button 呢,它的语法也比较简单,就是 button 杠 button 你 里面写什么文字,哎,这里面就显示什么内容。 同时要注意,你会发现小米啊默认的是灰色无法点击,无非等着用户啊输了手机号,并且验证码通过了才能去注册,那这个我们可以通过 disabled 就 可以来禁用按钮了。好,第三个问题,下面这个效果是通过哪个标签呢? 对了,是通过 select 来进行实现的,它的语法呢,是由两组标签组成,容器是 select, 里面的每一个小选项是 option 来进行实现。当然了,我们也说过,实际开发中啊,这一种会用的比较少一些,大部分我们都是通过其他的标签模拟,可以变得更加的漂亮 呀,同学们学的真的很不错哟!接下来小伙伴们可以回到 pink 老师的代码当中,再把我们这一部分代码实现一下吧。

哈喽,这里是橙子办公万能表单,收集统计通通不在话下,企业运营过程中,会有很多场景需要收集信息,统计信息,比如收集客户反馈意见、收集售后服务工单、统计内部工作内容、统计某个事项的完成数据等等。 合理利用表单,能够高效解决收集及统计的工作。橙子表单支持多种自定义字段,我们直接来看下自定义字段类型, 我们支持多行框、单行框,数字框只能填写数字,针对数字框的信息我们会进行合计。 日期框、日期时间框,手机框仅能输入手机号,手机框的内容可以直接点击进行拨打电话。文件框用来上传照片、文件单选多选框。签名 框用于手写签名。扫码框支持扫码识别条码录入。公式框用于计算数字框按公式计算的结果。定位框用于快速获取定位、填写位置。 各种各样的字段类型,能够设计出各式各样的万能表单管理必备工具,还不快来试试?现在微信搜索橙子表单,立即免费使用,关注我,让你高效管理企业!

用户通过表单填写的信息后台能收的到,但是他不能够及时的通知我们的管理员,你们的后台能不能给我们开发一个功能来及时的通知我们的管理员。 我们的这个预约表单的后台是有两种类型的通知的,第一个就是通过我们的微信公众号来向管理员推送消息,第二就是购买短信来下发我们的通知,也可以通知我们的预约用户,还能够通知我们的管理员, 但是这两种都会产生费用的,这些得根据我们自身的使用情况来选择,系统肯定是支持的。


你知道吗?询盘少可能是因为你的表单没有设置好,那么表单的设置也会影响到我们的询盘。 今天这期视频就给大家聊一聊我们的这个询盘表单应该怎么去设置。如果大家一开始上来就使用五个字段的表单,那么可能就直接赶走一大半的客户了, 不玩了,走了。新手最容易犯的错误就是觉得字段越多,这个客户的信息越全,但真相就是表单每多一个字段,你的询盘可能就会少百分之二十, 当你在还没有成行业大牌或者月均盘不过百的时候,那么三个字段的表段就是黄金数字字段,可以包括姓名、邮箱,需求多一个都不要哦。那些让你填公司规模预算的表单,这些都是自杀式运营。 我们总结的来说,询盘表单多少个比较好?那当然是三字段,大家通过行为模型就可以知道,用户的操作成本越低,用户和我们互动的几率也就越大, 所以在流量获客难度本来就比较大,或者说本身需求大量客户跟进的情况下,那么只需要保留三个字段的表单是最合适的。 三个以上的表端,其实不管是三个字段还是说多少个字段,当我们把用户引到我们网站后,那么这笔获客的钱就已经交了,所以所以他也可能 block 掉你真实匹配的客户。那么通过这个行为模型理论,你也能够找到答案。 三个字段以上的表单会提高你的客户质量,但是会降低获取高质量客户的总数量。 那三个字段以上的表单我们在什么时候去用?当你不缺客户的时候,并且处在卖方市场定位的时候,就可以用三字段以上的表单,甚至更多。

你们这个产品编号是不是有自己的一套?嗯,编码规则啊?哎,对,产品编码有有一点就是如果就是说你把我们仓库的数据导进来的话,是不是他的编码都要重新 编?那你们现在你们这个编码规则有呃,有没有规则还是乱的?就是也是有一点乱的,因为我们也用过两个系统,所以他的 编码规则不一致。就是如果这个他有自己的一个编码规则的话,我们先按那边分,然后分成几大类,统一的再重新导入。 嗯,可以,你可以重新设置一个唯一的就是标准的编码规则啊,然后再重新呃,做导入就可以了。编码规则可以自己来设,设完之后啊,他自动生成设一个编码规则,然后作为作为一个统一啊,你不然的话他还会还会乱吗?

今天教大家进行简单的 oa 审核表的创建。首先打开工作台,找到 oa 审批,这里有很多模板可以套用,但不一定适合每家企业的需求。我们以管理员的身份进入管理审核表单,自己创建一个 oa 审核表单。 以面试审核为例,为表单命名,分组选择人事管理,这里可以选择哪些人来发起这个表单,以及哪些人可以管理 oa 审批。 然后进入第二页表单设计,这里和之前 ai 表格的表单差不多。首先将单行输入框命名为姓名,其用必填 性别,使用单选框,控件选项为男女两项,其用选项平铺,可以直接选择性别。然后加入电话、身份证等控件,这些信息会被自动检测是否合规。最后再新建两个多行输入框,分别为入职理由和优势。 接下来进入第三页流程设计,这边可以选择审核类型,指定谁来审核。选择主管时会出现多人审批时的审核方式,依次审批和会签都是需要所有人进行审批,而获签只需要一个人即可。而超送人的意思是将面试结果发送给指定人员, 最终决定是否录入。发布后我们来填写内容,提交后点开查看详情就可以看到录入的信息。 之后进入历史记录就可以看到录入的信息了。 视频制作不易,感谢各位的点赞加收藏!

红编程学习最简单的 vba 代码,实现表单数据导入明细表功能。 大家好,上一节呢,我实现了呃,通过点击打印呢打印这个表单的功能,本期呢我们实现了将表单的数据呢去自动啊导入到我们这个领料明细记录表当中来,这方面呢,我们可以查看啊, 所有的这个出库的领料记录,是吧,非常方便。那如何实现这一点呢?相信啊,在很多表哥模块当中呢,都会用到,这个功能就是非常重要, 实现这个功能的话,很明显啊,我们需要用这个威逼编程的形式,对吧去实现,大家如果基础很薄弱呢啊,也没关系哈,尽量的用最简单的语言呢给大家讲清楚。好,那么说呢,我们先点开这个开发工具,打开这个威逼编辑器,点开这里啊,大家呢需要 先安装这个微币模块啊,好,点开之后呢哈如这边哈,我们已经有一个模块了,对吧,如果没有模块啊,大家可以点击这个表格,点击右键选择插入一个模块就可以了, 我先删掉啊,删掉之后呢重新操作一下啊,正常我们打开是这样的啊,我点击右键插入一个模块, ok, 这样就有了,这模块呢就是实际上就是我们写红啊写程序的一个代码窗口。好,那我说这个功能我们如何去实现呢?首先我们先写一个过程,有一个萨姆声明,名字就叫做技术导入 啊,本节呢可能是有点小难度啊,但是逻辑,逻辑还是比较简单的啊,首先呢哈, 我们实现的思路很简单,就是说呢,首先是拿到表单数据对吧?然后呢第二步呢, 就是给他倒入这个煤气里,总共就是这样两步哈, 然后的话这边我们注视一下,那如何实现的啊?关键是如何实现,我说我们这边啊是这样一个思路 啊,比如说哈,实际上我们就是什么呢?把表单里边这个领略单里面这个领料资料,这个什么 b 五这个值,对吧?填入到哪里呢?对应于我们这个 啊,对应于我们什么?这个叫什么呢?领料部门对吧?对应于我们后面这个领料部门 l, 对吧? l 几啊?填到 l 五当中来,对吧?啊? 而我当中来这里关键一点啊,就是说什么呢?啊?我们到底啊,这个这个资料单好拿,对吧?直接这个数据,直接什么等于这个数据就行,关键是什么呢啊?我们到底 是填到这一个表当中的哪一行,对吧?我们目的啊,我们这个目的是什么呢啊?就是说按照这个记录最后一条往下去啊,往下去记录,对吧?所以说这里啊我们需要先做这样一个功能,好,马上是点开我们这个便捷器啊, 什么呢啊?我们先声明一个二啊,就简单写一下吧啊,这边就不声明了,就默认吧,写一个二代码啊,这正常啊,我们需要什么声明一下?用一个定目函数啊,这里呢我们就尽量写一个简单一点啊,这个呢就是威逼呢,能够识别啊,他是一个变量, 我写一个二二等于什么呢?直接写,我先写完这个代码再解释什么意思,嗯,很明显哈,本节有点炫技的这个嫌疑啊,因为大家可能技术 那有哈,但是呢也也要记住啊,等会我解释,真的在吗?什么意思啊?首先哈,写写一下啊,是,然后的话这个名字叫做料 领料明细记录这个表明啊,这是我们这个是指明我们两个表的哈,指明我们这个表,第二个表啊,领料记录明细这个表, 然后呢哈,这个表的什么呢?哈,这里有一个 cs, 这是指名必列,写一下啊, ok, 这边的话再给他拼一辆, 你看一下这个套路代码啊。套路代码是什么意思呢?本质上这句这这句的意思啊,就是什么呢啊? 去拿到就说哈二这个表,对吧?领料记录明细表,这个 cs 呢,就是单元格的意思啊,就什么呢?哈,这句话的意思哈,就是从 b 列的最后一行啊,最后哈, 最后是什么呢啊?就是什么呢啊?就是我们必列的这个最后啊,就是这里啊,就是一百多万啊,对吧?这最后最后干什么呢啊?从这里往上数,数到什么呢?第一个飞空的位置 往上数啊,就是摁的啊, xl app 啊,就是说这样一个函数啊,第一个飞空的位置是谁呢?就是到日期这个行吗?他应该是什么?第四行,对吧?第四行这个日期就必 四,这个 b 四这个不是我们想要的,就我们要在这个 b 四下面这个 b 五啊,开始填数,对吧?所以说此时啊,我们给他一个偏移量,偏移几行呢哈,就是从这一个开始,他是一到下面是二,对吧?二行我们列呢话就是当前列就是一列,对吧?所以说偏这个是偏移啊, 像这一步的意思啊,相当于拿到了 b 四这个单元格这一步的意思呢,就是说 b 四呢,往下添一个单元格,这样一个意思,然后呢拿到他的号号,号号是谁啊?是五,对吧?好,我们写完这个代码之后呢,我们点一个断点啊,然后运行看一下,好,看一下啊,好像有点报错啊,看一下, 嗯,下标越界啊,下标越界, 为什么越界呢?我们这个地方名字写错了哈,他是啊,领料记录明细哈,这个表明 这样才行,我们在运行好有了,对吧?是不是现在指向第五行这边有一个本地窗口啊,可以看到这个执行代码,我们设计断点之后呢,可以看到这个执行代码,如果大家没有本地窗口啊,点开这个视图,这边有一个本地窗口。 好,这一步哈,这一步就拿到这个好号了,对吧?我们就知道哈,从这一行开始填了,对吧?接下来我们就开始填就行了, 但是填怎么填呢?哈,到底是填几条记录呢?填几条记录对吧?从这里往下填,填几条呢?填的话肯定是循环的填,对吧?填几条呢?我们这边哈就取决于什么我们这个表单了,对吧?我们表单这边哈,可能是有十个记录,对吧? 啊?最多是十个记录,那么说呢,我们就直接写十个吧啊,我们也不去判断啊,他到到底几个飞空了啊,那么这边哈,我们就直接写十个记录,这边哈,我们就需要写一个 爆循环,放循环怎么写啊?这也是一个基础代码,我们就这样写啊,停止放循环,就让我们声明一个变量二,那等于什么呢?比如这一个是从第九行开始到第十八行,我们就这样啊,从九循环到十八就行了,然后的话啊, 佛罗奈克斯啊,这边是一个循环体,好,这呢是整个的循环体,是这样一个结构啊,就从二就是一个变量,从第九行到第十八行,就这样一个意思啊,在这里面我们去执行什么呢?哈,非常简单啊,我们执行什么 就执行把这个单元格复制就行了,怎么复制呢?哈,我们让这次注意哈,在这个写这个代码,这个写这个代码之前呢啊,我就提前了啊,把一些这个对应关系啊写到了这里,对吧?我们把它放到下面啊, 对应关系什么意思啊?就是这个表里面这个哪个表单对应哪个哪一列?对啊,对应这个梅西表里面哪一列。方便啊,我们写代码的时候呢,不至于弄错了啊,好,我们看一下啊,看一下啊,比如说我们这边啊,先写一个这个, 我们复制的话还是这样的,我直接复制,为了节约时间哈,有流量。明信单里面的这个,嗯, l 的,对吧? l 几呢?然后呢?那么连接谁呢?哈,就连接我们这个二,连接上他就代表什么呢?哈? l 几啊,我算出来刚才是个二十五,对吧?就 l 五这个值,让他复制给谁呢?哈,就是复制给我们这个 复制给我们这个领料单的 b 五,对吧?我说你是 b 五,非常简单哈,就是这个精品结构,大家只要记住就行。这句代码的意思哈,就是让这个 b 五这个值呢?给到谁啊?在这个循环体当中哈,就是给到这个 l 九,对吧?这样 好,那么这是这个执行完成了,对吧?那么后面几个啊,都是固定的啊,都是一样的,都可以呢,把它给过去,对吧? 但是呢男的是什么呢?这里面这几个记录我们要干什么呢啊?需要用变量的形式给他复制好。什么叫变量的形式呢?比如说我们看这个对应关系啊,到这边的时候是什么? b 对应 d, 对吧?比如说现在哈这个 b 列啊,对应 d 列,那么说呢啊, 完事哈复制一下窗口条呢, 那么说呢啊,我们要给谁啊?第第二对吧?就是第列的最后一条,就是第五行第五这个单元格复制了,那么复制给谁呢?复制谁呢啊?还是我们这个领料单,对吧? 零二单,注意哈,这边就不是固定的这个 b 五了,对吧?应该是 b 谁啊?就对应的 b 啊,去连接一个二啊,连接一个二值,因为我们这个变量哈,我们这个二是从九到八,对吧?这个循环体我们还没有执行呢啊,这样这一步啊,就什么呢啊,用这个 啊,第九行的值,对吧?阿姨?九这个值啊,去复制给这个第五,这样也有意思啊,因为第一次循环的时候我们看一下,第一次循环我们先 执行一次啊,执行一次之后可以看到哈二 a 等于九,对吧?第一次循环的时候他是九,第二次是谁呢?我们在 a f 八看一下,第二次的时候那个是十了,对吧?往后往后一直循环啊,一直到十八,对吧? ok, 这次哈,我们这样一个代码就写完了啊, 为什么写完了呢?就说我们固定的这些位置,比如上面啊,部门啊,那个日期啊,领料人啊,或者是领料单号等等这些呢,我们都是用这个去复制就行了,对吧? 复制一下无非呢就是改一下他这个对应的这个行行列啊,行的列的一个关系,对吧?比如这边哈是 l 列,我们到下一个呢是 m 列,改成 m 就行了,这样啊,对应好这边这个变量呢,也是啊,就是对应好这个变量就行了,对应完成之后呢啊, 介绍我们这个代码就写完了,我们来执行看一下啊。好,那我说这边这个模块啊,就这么简单啊,就这样简单啊,我们这是一个基本模块,然后呢我们就来调用看一下啊, 这边呢我们点击右键选择指定红,这边呢我们就选择这个记录导入这个模块点确定好,然后呢我们填上一个数,这领料部门的话是销售部, 然后呢物品名称啊,因为我们就是用了只是对比例啊,做了一次那个数据的一个成那个那个负值,对吧?所以说这边哈我们就写一个物品啊,就是螺丝吧,螺丝, 然后呢我们点这个技术导入好,技术导入之后呢,我们可以看一下啊,啊,销售部进来了啊,这个物品名称好像没有进来,对吧?为什么呢?我们来看一下。 好,这边哈可能是直接复制单元格哈,是有点问题的,再加一个参数歪六,就直拿他里面的直哈点歪六, ok, 好,我说的好,我们再去执行一下,看一下记录 啊,我们先保存啊, ok, 为什么我们这个代码没有问题啊?为什么没有值呢啊? 是因为哈,就我们直行的时候,实际上啊把后面的这个,因为我们循环是什么?从七到十八吗?对吧?我们后面循环的时候把前面这个纸给覆盖掉了啊,所以说呢,我们应该去在这个地方啊,设置 一个断点啊,在这个地方去设置断点啊,然后呢去执行啊,这样应该就 ok 了啊,就是只让他执行一次,对吧?后面有控制的时候呢,也不至于把它覆盖掉啊,这样一个意思。 那么说话大家实际上在操作中哈,不会出现这个问题啊,因为你的这个数据呢是比较全面的,我这里他只填了一个销售部和螺丝,对吧?所以说呢啊,在查数据的时候呢,因为我们是依据 b 店吗? b 店是空置,对吧?所以说呢他 这个地方呢哈,呃,是空的,所以说他会后面会覆盖,这样就没问题了,对吧?我螺丝和销售部都过来了,我大家依据这样一个原理哈,可以把后面的数据呢啊,再把它调录上就 ok 了。好,那么这样的话就是本期我们这样一个领调单实现的一个方法,这样的话,只是啊 大家呢哈应该是如果认真做好能够做出来,但是呢还是要多学习哈这个语言。 ok, 我们本期呢在这里大家呢都关注和点赞我们的视频, 关注我学办公帮办公。

你还在为写 bug 清单而烦恼吗? dks 办公智能体来拯救你!接下来我给大家演示一下 dks 智能办公平台中图纸自动生成 bug 清单。首先点击图纸识别,然后点击图纸自动生成 bug, 点击开始使用,将你的工程图纸上传, 点击 bam 表单模板,点击开始生成 bam 清单,这时智能体就开始快速生成了, 很快就生成了, oh my god 哇!点击查看 bam 清单, 然后直接下载清单,操作简单,效率大大提高,一键为你解决写 bam 清单的烦恼。同时还支持各种文件格式,各种软件一键分享,工作效率大大提升,节省你的宝贵时间,赶快来试试吧!

表单工具的域名我买了,但是呢,我没有买那个九九九的啊,我感觉有点贵啊,然后我买了 phone x 点 me。 为啥买这个域名呢?是因为这个 ai 啊,它给我生成的网页默认就是 phone x。 哎,我就想这个域名能不能注册 点 com 其他的后缀被注册了,点密没有被注册啊,几十块钱,我觉得这个性价比很高啊,就是昨天呢,我把我用 ai 工具啊生成了我这个表单设计器的一个网站的前端,包含这个首页啊, 就是内容也很丰富,就是你只要告诉他这个首页包含头部呀,底部呀,这个功能介绍呀,注册流程,还有这个常见问题,他就自自动生成这些内容,然后呢设计出来一个非常漂亮的一个首页, 然后呢又让他生成了一个登录注册页面,还有个人中心,个人中心选项卡里面的内容他都给他添加上了,真的是现在这个生成的效果越来越好了。 然后呢,我就又把我上一次做的表单设计器啊的那个页面呢给美化了一下,就是让他风格统一了,都变成绿色啊,可能还有一点小细节还得再调试一下。 然后整体前端界面优化差不多以后呢,就开始让他写后端接口啊,把这个整体项目给他做完,到时候上线测试一下,看看能不能真正把它运行起来。我用的都是国产的大模型的接口啊, 智浦 ai 的 迷你 max 的 这两个是我最常用的。然后呢性价比很高,而且呢有些 ai 工具里面自带这些模型啊,都是免费可以使用的,我觉得都可以去体验体验。 目前啊,我的开发流程就是先把前端界面给做出来啊,看哪个地方不合适就把它修修改改,对吧?前端界面能让自己跟你的需求啊契合完美。契合以后呢,再开始写后端接口, 我觉得还是很不错的。那还有一种方法呢,就是你可以把后端接口全部写完,然后让 ai 根据接口去生成对应的一些页面啊,做前端就是这种两种模式是现在最流行的, 还有第三种同步进行前后端啊,我看这个我也在研究这种模式啊。我也后面有更好的这种思路啊,更更快捷的或者更流畅的这种工作流程啊,我到时候会分享出来。好了,今天就分享这么多。