bricks/docs/cn/widgets/input.md
2024-05-11 17:58:28 +08:00

1.4 KiB

input

用法

<html>

<head>
    <link rel="stylesheet" href="/bricks/css/bricks.css">
</head>

<body>
    <script src="/bricks/bricks.js"></script>

    <script>
        const opts =
        {
            "widget": {
                "widgettype": "UiStr",
                "options":
                {
                    "name": "email",
                    "label": "Email",
                    'required': true
                }
            }
        };
        const app = new BricksApp(opts);
        app.run();
    </script>
</body>

</html>

效果图

options

参数 参数说明 类型 是否必填 可选值 默认值
name 控件的原生属性 String --- ---
label 文本标签 String --- ---
required 是否必填 String --- ---

注意:input内容不一样,widgettype的值也不一样.

1.字符串:UiStr;

2.手机号:UiTel;

3.时间日期:UiDate;

4.整数:UiInt;

5.浮点数:UiFloat;

6.多选:UiCheckBox;

7.单选:UiCheck;

8.邮箱:UiEmail;

9.上传文件:UiFile;

10.下拉选择:Code;

11.文本框:UiText;

12.密码框:UiPassword;

13.音频:UiAudio;

14.视频:UiVideo;