首页 > 其他分享 >Angular Material 18+ 高级教程 – Material Form Field

Angular Material 18+ 高级教程 – Material Form Field

时间:2024-06-13 18:35:01浏览次数:9  
标签:教程 Form 18 Material Field Angular

介绍

Form Field 或 Text Field 是 Material Design 独有的设计风格 。它长这样

注:Material Design 管它叫 Text Field,Angular Material 管它叫 Form Field。我们不要乱,本篇统一叫 Form Field 就好。

顾名思义,Form 代表表单,Field 代表 <fieldset> 里的 field。

拿一个 W3Schools 的例子

<fieldset> 里面,一 pair <label> + <input> (a.k.a accessor) 就等于一个 Field。

Form Field 就是 Angular Material 对 label + accessor = Field 的体验封装。

 

 

 

 

 

 

 

 

 

 

 

 

目录

上一篇 Angular Material 18+ 高级教程 – Material Tooltip

下一篇 TODO

想查看目录,请移步 Angular 18+ 高级教程 – 目录

喜欢请点推荐

标签:教程,Form,18,Material,Field,Angular
From: https://www.cnblogs.com/keatkeat/p/18246496

相关文章

  • 【高光谱遥感分类论文解读1】Hyperspectral Image Classification Using Group-Aware
    目录一、论文基本信息二、研究背景三、研究方法1.GAHT总体框架2.GPE模块3.Transformer编码模块四、实验本文是博主对原论文的解读,仅代表博主个人观点,欢迎在评论区和我交流~其中,本博文中的图片和公式均来源于原论文,如需进一步了解,请查看原论文。一、论文基本信息......
  • 2Gb 256Mx8 KTDM2G3C818BGCEAT KTDM2G3C818BGIEAT(SDRAM) KTM4GH1AHI01 KTM8GL1ASI01
    一、DDR3(L)SDRAM概述SMART’sDDR3(L)SDRAM组件与行业广泛兼容,并提供x8和x16配置。这些1.35v(DDR3L)和1.5V(DDR3)器件采用标准78和96引脚网格阵列封装,时钟速度为1866Mbps,密度为1Gb、2Gb和4Gb。宽/汽车工作范围器件也针对汽车AEC-Q1002类应用进行了测试和认证。DDR3(L)SDRAM......
  • 界面控件DevExpress WinForms垂直&属性网格组件 - 拥有更灵活的UI选择(一)
    DevExpressWinForms垂直&属性网格组件旨在提供UI灵活性,它允许用户显示数据集中的单个行或在其90度倒置网格容器中显示多行数据集。另外,用户可以把它用作一个属性网格,就像在VisualStudioIDE中那样。P.S:DevExpressWinForms拥有180+组件和UI库,能为WindowsForms平台创建具有......
  • 2024.5.18
    8-10【Python0011】牛顿迭代法分数10全屏浏览作者 doublebest单位 石家庄铁道大学【题目描述】编写程序,使用牛顿迭代法求方程在x附近的一个实根。【练习要求】请给出源代码程序和运行测试结果,源代码程序要求添加必要的注释。【输入格式】请在一行......
  • 618数码好物怎么买最划算,2024必入的数码好物清单分享!
    在这个充满诱惑的618购物季,我们不仅要追求价格的优惠,更要确保购买的数码好物能够真正满足我们的需求,带来实际的价值,因此,为了帮助大家更好地把握618购物节的机会,我精心准备了一份2024年必入的数码好物清单,并为大家提供了一些购买建议,以确保你能以最划算的价格,买到最适合自己的数......
  • 用芯片CSU18M91开发的智能蓝牙脂肪秤模组
    智能蓝牙脂肪秤方案采用测脂模块、压力传感器、触摸芯片、ADC芯片及主控芯片、蓝牙芯片等主要元器件设计组合而成,实现触摸按键及云端数据保存和APP连接、以及测量人体脂肪率及其他相关数据。今天来说下智能智能蓝牙脂肪秤方案的主控芯片CSU18M91。智能蓝牙脂肪秤方案是以......
  • 618购物节入手哪些数码好物好?年度必备好物清单大盘点
    随着一年一度的618购物节的到来,数码市场再次掀起了热潮,在这个属于消费者的狂欢节里,各大品牌和商家纷纷推出优惠活动和新品,为数码爱好者们带来了无数的购物选择,那么在这个购物盛宴中,我们应该如何挑选那些真正值得入手的数码好物呢?接下来,就让我们一起盘点那些年度必备、不容错过......
  • RevitServer 2018安装教程
    1.服务器系统必备环境安装在“.NETFramework功能”窗格中,选中“TCP端口共享”、“HTTP激活”、“TCP激活”和“Web服务器(IIS)支持”等复选框。在“Web服务器角色(IIS)-角色服务”窗格上展开“应用程序开发”并选择“ASP”、“CGI”。“在服务器端的包含文件”展......
  • Terraform
    Terraform1InstallTerraform1.1AmazonLinuxInstallyum-config-managertomanageyourrepositories.$sudoyuminstall-yyum-utilsUseyum-config-managertoaddtheofficialHashiCorpLinuxrepository.$sudoyum-config-manager--add-repohttps://rpm......
  • SAP 如何改变包(Package)名(程序,smartform等)以及更改系统名
    1.SE38更改程序的包名这种比较简单你可以按照下方图片的的方式2.Smartforms这种不提供这种更改方式。需要去SE03里面更改。Tcode:se03双击:ChangeObjectDirectoryEntries,①:SSFO代表SMARTFORM②:SMARTFORM名字③:勾选执行此处就会有你的ID下的SMF,双击进行更改当然在......