80 lines
1.4 KiB
Markdown
80 lines
1.4 KiB
Markdown
|
# input
|
||
|
|
|
||
|
|
# 用法
|
||
|
|
|
||
|
|
```html
|
||
|
|
<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;
|
||
|
|
|
||
|
|
|
||
|
|
|