"datalist"
Bootstrap 3.1.0 Snippet by pradeephdc

Post to Facebook Tweet this

<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <input list = "country"> <datalist id="country"> <option value="India"/> <option value="srilanka"> </datalist> <svg id="svgelem" height="[object SVGAnimatedLength]" xmlns="http://www.w3.org/2000/svg"> <line x1="[object SVGAnimatedLength]" y1="[object SVGAnimatedLength]" x2="[object SVGAnimatedLength]" y2="[object SVGAnimatedLength]" style="stroke: #ff0000; stroke-width: 12px;" /> </svg> <body önload="DrawMe();"> <canvas id="mycanvas" width="600" height="500" style="border:1px solid #000000;"></canvas> </body> <script> function DrawMe() { var c=document.getElementById("mycanvas"); var ctx=c.getContext("2d"); ctx.moveTo(10,10); ctx.lineTo(200,100); ctx.stroke(); } </script>

Related: See More

Rotating CSS Card

Questions / Comments: