小栗子,大智慧。

1. html实现小眼睛功能

    在我们平常登陆网站的时候,有可能会出现这样的情况:这里写图片描述
    这个小眼睛大家都知道是什么意思,就是显示和隐藏密码。以往我们在弄机房或学生的时候都是让密码隐藏,那当用户想看看自己输入的密码对不对时就不行了,很不方便。今天总结一种用html来实现这个功能的方法。
    其实这个功能实现起来很简单,只需要用html中的onclick事件来触发function事件就可以。下面附上代码:

- function事件

<script type="text/javascript">
    function hideShowPwd() {    //点击图片实现密码的明文和密文
        var demoImg = document.getElementById("showText");
        var demoInput = document.getElementById("password");
        if (demoInput.type == "password") {
            demoInput.type = "text";
            demoImg.src = "../images/cloud_current.png" + (new Date()).valueOf();//防止浏览器缓存导致数据不更新问题
        } else {
            demoInput.type = "password";
            demoImg.src = "../images/cloud_current.png" + (new Date()).valueOf();
        }
    }
</script>

- html

<p>
     <img src="../images/cloud_current.png" id="showText" onclick="hideShowPwd()">
</p>

     这里我用的图片都一样,因为我没有找到小眼睛的图片,感兴趣的可以自己去找,实现这个功能还有其他的方法,感兴趣的也可以去查一查。
2.gridview控件
    相信大家在机房重构中都用到过datagridview控件,这个控件挺不错的,但是在asp.net中没有这个控件,那么该使用哪个控件呢?答案就是gridview控件。这个控件和datagridview相似,不过一个用在winform中,一个用在web中。gridview相较于datagridview有更强大的功能。下面简单介绍它的几个属性,更多的东西感兴趣的小伙伴可以自己尝试。

属性功能描述
AllowPaging控件是否支持分页。
AllowSorting控件是否支持排序。
SortDirection获得列的当前排序方向。
AlternatingRowStyle定义表中每隔一行的样式属性。
EmptyDataRowStyle定义空行的样式属性,这是在GridView绑定到空数据源时生成。
SelectedRowStyle定义当前所选行的样式属性。
PagerStyle定义网格的分页器的样式属性。

    暂时先总结这些。未完待续。。。

评论 20
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值