欢迎访问 生活随笔!

生活随笔

当前位置: 首页 >

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输入框的实现方法的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。