当前位置:
首页 >
html输入邮箱的文本框,自动生成邮箱号并填入input输入框的实现方法
发布时间:2025/4/16
47
豆豆
生活随笔
收集整理的这篇文章主要介绍了
html输入邮箱的文本框,自动生成邮箱号并填入input输入框的实现方法
小编觉得挺不错的,现在分享给大家,帮大家做个参考.
我们在做网站表单的时候可能会用到自动填入邮箱,这里就教大家一个自动生成邮箱号并填入input输入框的实现方法。
这里以自动生成一个QQ邮箱并填入为例,先看看效果演示;
具体实现请看下面代码:
* 邮箱:
点击刷新看效果
function randomPassword(size)
{
var seed = new Array('1', '2','3','4','5','6','7','8','9'
);//数组
seedlength = seed.length;//数组长度
var createPassword = '';
for (i=0;i
j = Math.floor(Math.random()*seedlength);
createPassword += seed[j];
}
return createPassword;
}
document.getElementById('email').value = randomPassword(9)+"@qq.com";
//调试输出查看
实现后的效果如下图,刷新一次页面就会自动生成一个新的邮箱。
如果需要点击按钮再生成只要添加下点击事件就可以了。
总结
以上是生活随笔为你收集整理的html输入邮箱的文本框,自动生成邮箱号并填入input输入框的实现方法的全部内容,希望文章能够帮你解决所遇到的问题。
- 上一篇: ps制作html图标素材,如何用PS制作
- 下一篇: 2021高考成绩查询时间 新闻,教育资讯