<!DOCTYPE html>
<html>
<head>
<title>HTML5 Data Tag</title>
</head>
<body>
<p><b>HTML5 Data Tags</b></p>
<ul>
<li><data value="12345">HTML5 Sample Data Tag</data></li>
<li><data value="23456">HTML5 Sample Data Tag 2</data></li>
<li><data value="34567">HTML5 Sample Data Tag 3</data></li>
</ul>
</body>
</html>
HTML5 Data Tags
<!DOCTYPE html>
<html>
<head>
<title>HTML5 Data Tag</title>
</head>
<body>
<h4>Example 1 (HTML 5 browsers)</h4>
<label>
Enter your Sample Text : <br />
<input type="text" name="favCharacter" list="sample_text" maxlength="50" style="width:100%;">
<datalist id="sample_text">
<option value="Sample Text - 1">
<option value="Sample Text - 2">
<option value="Sample Text - 3">
</datalist>
</label>
<h4>Example 2 (HTML 5 & Another browsers)</h4>
<label>
Enter your Sample Text :<br />
<input type="text" name="favCharacter" list="sample_text" maxlength="50" style="width:100%;"><br />
</label>
<datalist id="sample_text">
<label>
<select name="favCharacter">
<option>Sample Text - 1
<option>Sample Text - 2
<option>Sample Text - 3
</select>
</label>
</datalist>
</body>
</html>