• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >HBuilder教程 > HBuilder MUI 为textarea添加语音输入和清除的功能

HBuilder MUI 为textarea添加语音输入和清除的功能

作者:教程 字体:[增加 减小] 来源:互联网 时间:2017-05-31

本文主要包含hbuilder mui,hbuilder mui视频教程,hbuilder mui教程,hbuilder mui api,hbuilder mui app等相关知识,教程希望在学习及工作中可以帮助到您
"); </div> mui支持input输入框语音输入和清除的功能,只需要添加相关css类即可.

代码如下

                    <div class="mui-input-row">
						<label>Input</label>
						<input type="text" class="mui-input-clear" placeholder="带清除按钮的输入框">
					</div>

					<div class="mui-input-row">
						<label>Input</label>
						<input type="text" class="mui-input-speech mui-input-clear" placeholder="语音输入">
					</div>

如果我们想要给textarea也添加相同的功能应该怎么做呢?
mui.js肯定对input封装了相关的事件,果然
input.plugin.js
我们看最后

$.ready(function() {
		$($.classSelector('.input-row input')).input();
	});

对input添加原生方法,textarea是不是也可以这样做呢?试一试

<div class="mui-input-row" style="margin: 10px 5px;">
					<textarea id="textarea" rows="5" placeholder="多行文本框" class="mui-input-speech mui-input-clear"></textarea>
				</div>



 

您可能想查找下面的文章:

  • MUI Hbuilder设置模拟器运行APP项目图文教程
  • MUI APP 项目收到Appstore的警告邮件
  • HBuilder mui页面怎么跳转到Android原生界面?
  • HBuilder mui框架开发的App如何查询App的uid
  • mui H5游戏平台完整源码
  • mui app在线更新
  • HBuilder打包mui app Android签名证书的生成
  • MUI H5+ app自动更新思路与实现
  • hbuilder mui IOS 平台离线打包定位插件配置
  • HBuilder mui 页面传参终极版

相关文章

  • 2017-05-31MUI页面的创建、显示、关闭
  • 2017-05-31html5+ plus和phoneGap、cordova的比较
  • 2017-05-31evalJS跨webview回传参或执行方法
  • 2017-05-31Hbuilder MUI 主动触发上拉下拉加载
  • 2017-05-31关于mui项目中前端压缩图片、照片压缩、拍照压缩、录音压缩
  • 2017-05-31mui 视频播放代码分享
  • 2017-05-31分享Android4平台二级页面滚动花屏问题的解决方案v1.0.0
  • 2017-05-31mui Android平台使用AndroidStudio离线打包说明
  • 2017-05-31安卓5.0页面打开,会有非常严重的闪屏现象,求解决?
  • 2017-05-31mui 对话框 点击按钮不关闭对话框的办法

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • HBuilder MUI项目中如何防止连续点击导致webview打开出错
    • mui 视频播放代码分享
    • mui自定义事件带参返回mui.back()
    • Hbuilder mui里调用(安卓端)QQ进行客服对话功能分享
    • 双指放大缩小问题(不需要第三方插件)
    • 远程文件缓存到本地
    • mui在软键盘打开的状态下点击返回键软键盘消失,再次点击后返回上一页
    • HBuilder MUI如何停止、开启个推推送功能(Native.js)
    • Mui WebApp页面 绝对定位 软键盘弹出时顶起底部按钮问题
    • mui开发App - 申请苹果开发者账号教程分享

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有