Inputs输入框

author: 闫申申

定义

单选、复选框与文本框的随意组合。

图片展示

Inputs 输入框 - 图1

代码演示

  1. import Inputs from 'pile/dist/components/inputs'
  2. <Inputs mainValue="pile 灵活的移动端组件" />
  3. <Inputs placeholder="请随心所欲的输入" />
  4. <Inputs
  5. inputsAlign="left"
  6. placeholder="请输入"
  7. mainValue="jimu 灵活的移动端组件"
  8. asideType="checkbox"
  9. />
  10. <Inputs
  11. inputsAlign="right"
  12. placeholder="请随心所欲的输入"
  13. asideType="checkbox"
  14. />
  15. <Inputs
  16. inputsAlign="left"
  17. mainValue="pile 灵活的移动端组件"
  18. asideType="radio"
  19. asideName="test_radio"
  20. />
  21. <Inputs
  22. inputsAlign="right"
  23. placeholder="请随心所欲的输入"
  24. asideType="radio"
  25. asideName="test_radio"
  26. />

属性

参数 描述 数据类型 默认值
inputsAlign 设置侧边单选框、复选框位置 (left、right) string
asideType 设置侧边input类型 (checkbox、radio) string
asideVal 侧边input value值 string
asideVal 侧边input value值 string
asideName 侧边input name值 string
asideId 侧边input id 名称 string
mainValue input输入框 默认值 string
mainclass input输入框 class名称 string
mainFocusClass input输入框 focus class名称 string focus
mainBlurClass input输入框 blur class名称 string blur
mainMaxlength input输入框 最大输入字符 number 99999

原文: https://didi.github.io/pile.js/docs/2017/08/develop-components-inputs.html