<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> </html>
Output :
Topic :
Datalist Tag
