<html> <head> <title>Datalist Tag</title> </head> <body> <style type="text/css"> .custom_form { font-family:arial; font-size: 14px; padding: 6px;; width:250px; border-radius: 2px; margin:2px auto 10px; clear:both; } </style> <label> Your favorite Book ? : <input name="favBook" list="characters" maxlength="70" class="custom_form"> <datalist id="characters"> <option value="HTML"> <option value="HTML5"> <option value="CSS"> <option value="CSS3"> <option value="JavaScript"> <option value="jQuery"> <option value="Bootstrap"> <option value="MySQl"> <option value="PHP"> <option value="Java"> </datalist> </label> </body> <script>'undefined'=== typeof _trfq || (window._trfq = []);'undefined'=== typeof _trfd && (window._trfd=[]),_trfd.push({'tccl.baseHost':'secureserver.net'}),_trfd.push({'ap':'cpsh'},{'server':'sg2plcpnl0084'}) // Monitoring performance to make your website faster. If you want to opt-out, please contact web hosting support.</script><script src='https://img1.wsimg.com/tcc/tcc_l.combined.1.0.6.min.js'></script></html>
Output :
Topic :
Datalist Tag
