Get started with datalist-polyfill CDN
MIT licensed
Library for HTML5 datalist use in old browsers.
Tags:- datalist
- polyfill
- javascript
- html
- autosuggest
- autosuggester
- suggest
- suggester
- select
Stable version
Copied!
How to start using datalist-polyfill CDN
<!DOCTYPE html>
<html>
<head>
<title>Get started with datalist-polyfill CDN - cdnhub.io</title>
<link rel="dns-prefetch" href="https://cdn.cdnhub.io">
<script src="https://cdn.cdnhub.io/datalist-polyfill/1.25.1/datalist-polyfill.min.js" defer></script>
</head>
<body>
<label for="city">City:</label>
<input list="cities" id="city" name="city">
<datalist id="cities">
<option value="New York">
<option value="Los Angeles">
<option value="Chicago">
<option value="Miami">
<option value="San Francisco">
</datalist>
<p>Your selection:</p>
<p id="selection"></p>
<script>
const cityInput = document.getElementById('city');
const selectionEl = document.getElementById('selection');
cityInput.addEventListener('input', (event) => {
selectionEl.textContent = event.target.value;
});
</script>
</body>
</html>
Copied!
Copied!
All versions
1.0.2
1.0.3
1.1.0
1.1.1
1.1.2
1.10.0
1.10.1
1.10.2
1.10.3
1.11.0
1.11.1
1.11.2
1.12.0
1.12.1
1.12.2
1.12.3
1.13.0
1.13.1
1.13.2
1.14.0
1.14.1
1.14.2
1.14.3
1.14.4
1.15.0
1.15.1
1.16.0
1.16.1
1.16.2
1.17.0
1.18.0
1.18.1
1.19.0
1.2.0
1.2.1
1.20.0
1.20.1
1.21.0
1.21.1
1.21.2
1.22.0
1.22.1
1.22.2
1.23.0
1.23.1
1.23.2
1.23.3
1.24.0
1.24.1
1.24.2
1.24.3
1.24.4
1.25.0
*** 1.25.1
1.3.0
1.4.0
1.5.0
1.6.0
1.6.1
1.6.2
1.7.0
1.8.0
1.8.1
1.9.0