Auto-complete in plain HTML

You can make a type-ahead/autocomplete like thing in plain HTML using the <datalist></datalist> tag.

Usage

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
<h1>Type Ahead HTML</h1>
<input list="test" placeholder="Choose an option">
<datalist id="test">
	<option value="C++">
	<option value="Python">
	<option value="Go">
	<option value="JavaScript">
	<option value="HTML">
</datalist>
</body>
</html>

Now as you type G it will show Go ;)

Resources

tweet by Álvaro Trigo

Previousvim surround: quick cheatsheet NextI learned about Open Graph protocol

Last updated 2 years ago