05JavaScript强制用户阅读表单中的条款5秒

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script type="text/javascript">
        onload = function () {
            var i = 5;
            var btnObj = document.getElementById(‘btn‘);
            setInterval(function () {
                i--;
                if (i <= 0) {
                    //当时间小于等于0秒的时候让空间可用
                    btnObj.disabled = false;
                    btnObj.value = ‘同意条款‘;
                } else {
                    //当时间还不够的时候继续锁定
                    btnObj.value = ‘请仔细阅读以上条款‘ + i;
                };
            }, 1000);
        };
    </script>
</head>
<body>
    <input id="btn" type="button" name="name" value="请仔细阅读以上条款5 " disabled="disabled" style="cursor:pointer" />
</body>
</html>

  

时间: 2024-10-12 21:28:50

05JavaScript强制用户阅读表单中的条款5秒的相关文章

使用val()方法设置表单中的默认选中项

有时候我们展示给用户的表单中的checkbox,radio,selec等标签的一些项是默认选中的.比方:当用户改动文章的时候,假设相应的栏目为下拉框的话,那么它的默认选中值应该是原来的栏目位置. 能够使用jquery中的val()方法给select.checkbox.radio设置默认选中项. 对于multiple类型的select和checkbox还能够设置多个默认值. 效果图: 方法: $("select#multiple").val(["选择2号","

新随笔(二)用户体验:用户注册表单中的“年份”设计乱象

新随笔(二)用户体验:用户注册表单中的“年份”设计乱象 上午,我因为一些原因,想再注册一个新QQ号,当我注册时,我发现一个有趣的事儿,在用户注册页的表单选项“年份”选择中居然有”1895年“, 有意思,难道QQ觉得4亿用户还是太少,希望古人在那边也使用上QQ. (哈,谁能告诉我上图中显示的验证码是什么?看来QQ不光是防止机器人注册,连人类都挡在门外了.) 我先停下注册,看看其他类似网站是怎么做的.接下来我分别查看了开心.人人.朋友网.不查不知道,一查吓一跳,居然全都有类似的情况. why? 难道

表单中Readonly和Disabled的区别

Readonly和Disabled是用在表单中的两个属性,它们都能够做到使用户不能够更改表单域中的内容.但是它们之间有着微小的差别,总结如下: Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,包括select, radio, checkbox, button等. 但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去,而readonly会将该值传递出去(

监听表单中的内容变化

一.总结: 今天项目中要给表单控件添加搜索选择的效果,如下: 红框圈住的表单被点击之后,弹出如下框: 然后根据用户的搜索条件要显示查询结果供用户选择. 总结如何监听表单中的内容变化: 方法一: 1. 实现代码: 上面的代码实现出来的效果(类似百度搜索框)是,当用户在搜索框中输入查询条件,每当搜索框中的内容改变就会触发监听事件,并向服务器发送请求,搜索框下方相应的就显示查询到的结果.每次在将查询到的结果设置在界面之前都将前一次查询显示的数据从界面上remove掉,用这个方法来解决界面显示多条重复数

这篇随笔主要分享的是表单中新加入的H5标签

主要是HTML中H5在表单中的新标签 <form action="">邮件框,格式不正确无法提交<input type="email"><br>网址框,网站不正确无法提交<input type="url"><br>数字框,可设置最大最小值及跳值大小<input type="number" max="500" min="50"

转: html表单中get方式和post方式的区别

1.Get是用来从服务器上获得数据,而Post是用来向服务器上传递数据.  2.Get将表单中数据的按照variable=value的形式,添加到action所指向的URL后面,并且两者使用“?”连接,而各个变量之间使用“&”连接:Post是将表单中的数据放在form的数据体中,按照变量和值相对应的方式,传递到action所指向URL.  3.Get是不安全的,因为在传输过程,数据被放在请求的URL中,而如今现有的很多服务器.代理服务器或者用户代理都会将请求URL记录到日志文件中,然后放在某个地

form表单中method的get和post区别

一.问题的提出   <form action="getPostServlet/getPost.do?param4=param4" method="get">     <input type="hidden" name="param1" value="param1">     <input type="hidden" name="param2&quo

springmvc如何将form表单中的对象类型绑定

原文:springmvc如何将form表单中的对象类型绑定 代码下载地址:http://www.zuidaima.com/share/1550463256054784.htm 比如用户编辑视频,该视频输入某个分类,编辑视频的表单如下: <form> <select name="category"> <option value="yule">娱乐</option> <option value="keji&

Form表单中method=post/get两种数据传输的方式的区别

Form提供了两种数据传输的方式—get和post,Form中的get和post方法,在数据传输过程中分别对应了HTTP协议中的GET和POST方法,感兴趣的朋友可以了解下,或许对你学习get/post有所帮助 Form提供了两种数据传输的方式——get和post.虽然它们都是数据的提交方式,但是在实际传输时确有很大的不同,并且可能会对数据产生严重的影响.虽然为了方便的得到变量值,Web容器已经屏蔽了二者的一些差异,但是了解二者的差异在以后的编程也会很有帮助的. Form中的get和post方法