# input

交互式组件,包括单选框,多选框,按钮。

# 子组件

不支持。

# 属性

支持 通用属性

名称 类型 默认值 必填 描述
type string button input组件类型,可选值为button,checkbox,radio。
不支持动态修改。可选值定义如下:
button:定义可点击的按钮;
checkbox:定义多选框;
radio:定义单选按钮,允许在多个拥有相同name值的选项中选中其中一个;
checked boolean false 当前组件是否选中。
name string - input组件的名称。
value string - input组件的value值,当类型为radio时必填且相同name值的选项该值唯一。

# 事件

支持 通用事件

当input类型为checkbox、radio时,支持如下事件:

名称 参数 描述
change { checked:true | false} checkbox多选框或radio单选框的checked状态发生变化时触发该事件。

# 样式

支持 通用样式

名称 类型 默认值 必填 描述
color <color> #ffffff 单行输入框或者按钮的文本颜色。
font-size <length> 30px 单行输入框或者按钮的文本尺寸。
width <length> - type为button时,默认值为100px。
height <length> - type为button时,默认值为50px。

# 示例代码

查看 示例代码 (opens new window)