返回首页
当前位置: 主页 > 网络编程 > .Net实例教程 >

使用angularJs指令开发Input输入框提示功能实现教程

时间:2016-10-26 21:49来源:知行网www.zhixing123.cn 编辑:麦田守望者

在html里,input输入框有一个“placeholder”的属性,可以定义输入框的提示语,但是这个功能在IE8下是无法支持的,本文主要介绍如何简单使用angularJS的指令功能开发一个支持IE8的输入框提示语功能,该功能也支持AngularJS的双向绑定。

1、在web前端的js文件里添加如下代码;


 
2、使用方法:在前端的html页面里,引用js文件,然后在input标签里添加input-hint属性即可。


3、页面展示效果如下,点击选中后提示语消失,IE8以上password类型的输入框也可以控制:




在IE8下的显示:

由于IE8无法通过js获取input框的type属性,因此无法强制改变输入框类型,如果需要在IE8上做密码类型的提示语,则需要新建一个text类型的输入框,在选中时隐藏并显示password类型的输入框。

顶一下
(1)
100%
踩一下
(0)
0%
标签(Tag):angularJs指令 Input输入框
------分隔线----------------------------
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片