Loading

autocomplete email text box

autocomplete email text box

yashu v

9y1.5k.NET

hi

how to add auto plugins to email text box asp.net

when i typing email id in text box if i type abc@ after @ symbol if i type g it come gmail.com

or if i type y it shoud come yahoo.com

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Sourabh Somani9y ago
Accepted answer
You can use mention.js and Bootstrap Twitter TypeHead

I have created one example for you Here is the link:
https://codepen.io/anon/pen/brRdVa
You can download Mention.Js from here
https://github.com/jakiestfu/Mention.js

Example Code is as Follows
Html Code
Example By Sourabh Somani

"text" id="light" placeholder="Enter your Email" >
CSS Code
body {
            padding:20px;
            background: #EEE;
            color: #252525;
            text-shadow: 0 1px 0 white;
            }
ul {
            text-shadow:none;
            }
h2{
            border-bottom: 1px solid #CCC;
            margin-bottom: 5px;
            margin-top: 30px;
            }
Java Script Code

$(document).ready(function(){
            $("#light").mention({
                users: [{
                    username: 'gmail.com'
                }, {
                    username: 'yahoo.com'
                }, {
                    username: 'hotmail.com'
                }, {
                    username: 'outlook.com'
                }, {
                    username: 'reddif.com'
                }]
            })
})
Accept answer if this is helpful