# 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> ``` ## 效果图 ![](F:\mh\bricks\docs\images\input.png) ## 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;