我們在做網(wǎng)站表單的時(shí)候可能會(huì)用到自動(dòng)填入郵箱，這里就教大家一個(gè)自動(dòng)生成郵箱號并填入input輸入框的實(shí)現(xiàn)方法。

這里以自動(dòng)生成一個(gè)QQ郵箱并填入為例，先看看效果演示；

具體實(shí)現(xiàn)請看下面代碼：

*?郵箱：

點(diǎn)擊刷新看效果

function?randomPassword(size)

{

var?seed?=?new?Array('1',?'2','3','4','5','6','7','8','9'

);//數(shù)組

seedlength?=?seed.length;//數(shù)組長度

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";

//調(diào)試輸出查看

實(shí)現(xiàn)后的效果如下圖，刷新一次頁面就會(huì)自動(dòng)生成一個(gè)新的郵箱。

如果需要點(diǎn)擊按鈕再生成只要添加下點(diǎn)擊事件就可以了。

總結(jié)

以上是生活随笔為你收集整理的html输入邮箱的文本框,自动生成邮箱号并填入input输入框的实现方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。