이메일 입력시 도메인 주소 자동 완성
페이지 정보
작성자 서방님 댓글 0건 조회 126회 작성일 15-11-20 17:32본문
http://www.jqueryscript.net/form/Simple-jQuery-Email-Autocomplete-Suggestion-Plugin.html
위 주소에서 참고할 것..
출처 : http://blueb.co.kr/?c=1/9&uid=3958
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Autosuggest/autocompletes email domains</title>
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="/SRC2/emailauto/css/normalize.css">
<link rel="stylesheet" href="/SRC2/emailauto/css/style.css" media="screen" type="text/css" />
</head>
<body>
탭키를 누르면 이메일이 완성됩니다. <br/><br/>
<form role="form">
<div class="form-group">
<label for="email">Email address 1</label>
<input type="email" class="form-control email" id="email" placeholder="Enter email">
</div>
<br/><br/>
<div class="form-group">
<label for="email2">Email address 2</label>
<input type="text" class="form-control email" id="email2" placeholder="Enter email">
</div>
</form>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="/SRC2/emailauto/js/jquery.email-autocomplete.js"></script>
<script>
(function($){
$(function() {
$(".email").emailautocomplete({
domains: ["example.com"] //add your own domains
});
});
}(jQuery));
</script>
</body>
</html>
댓글목록
등록된 댓글이 없습니다.
