ECL 文字字段

npm 软件包 : @ecl/text-input

npm install --save @ecl/text-input

参数:

• 编号 (字符串)(默认:随机) 输入的唯一 ID
• "残疾" (boolean) (默认:虚假) 禁用输入
• "无效" (boolean) (默认:虚假) 以无效状态显示输入
• "必须" (boolean) (默认:虚假) 按要求标记输入
• "名字"("名字") (字符串)(默认:")输入的名称属性
• "类型" (字符串) (默认:"text") 输入类型属性(如"text","email","search")
• "占位符" (占位符) (字符串)(默认为:")占位符文本
• 宽度 (字符串) (默认:'m') 输入宽;可以是's','m','l'
• "超级" (字符串)(默认为:") 额外类(空格分隔)
• “外部属性” (阵列) (默认: []) 额外属性
  • 名称 (字符串) 属性名称, 如“ 数据测试 ”
  • 值 (字符串) 属性值, 如 : “ data- test-1 ”

示例

{% include '@ecl/text-input/text-input.html.twig' with { 
  id: 'input-email', 
  name: 'email', 
  width: 'm', 
  extra_classes: 'my-extra-class-1 my-extra-class-2', 
  extra_attributes: [ 
    { name: 'data-test-1', value: 'data-test-value-1' }, 
    { name: 'data-test-2', value: 'data-test-value-2' } 
  ] 
} %}