-
Notifications
You must be signed in to change notification settings - Fork 0
/
index-autocomplete.html
41 lines (39 loc) · 1.31 KB
/
index-autocomplete.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<html lang="en">
<head>
<title>Adressomat API Implementation</title>
<meta charSet="utf-8">
<!-- stylesheets -->
<link rel="stylesheet" href="css/autocomplete.css">
<!-- API Implementation -->
<script src="js/adressomat.js"></script>
<script src="js/autocomplete.js"></script>
<script>
window.addEventListener("load", function(){
AdressOMatInput.init({
key: "YOUR_API_KEY_HERE",
messages : {
"initial" : "Mindestens 3 Buchstaben eingeben...",
"noData" : "Keine Ergebnisse gefunden",
},
callbacks : {
"clickResult" : AdressOMatInput.fillInResults
},
configuration : {
"showLogo" : true
}
})
})
</script>
<style>
input.first-of-type{
width: 450px;
}
</style>
</head>
<body>
<h1>Adressomat - autocomplete.js demo</h1>
<p>Start typing in the street input</p>
<label> <input type="search" adressomat-autocomplete="name" adressomat-autofill="attributes.street" placeholder="street" class="first-of-type"> </label>
<label> <input type="search" adressomat-autofill="attributes.housenumber" placeholder="housenumber"> </label>
</body>
</html>