html输入邮箱的文本框,自动生成邮箱号并填入input输入框的实现方法
生活随笔
收集整理的這篇文章主要介紹了
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高考成绩查询时间 新闻,教育资讯