<!DOCTYPE html> <html> <body> <p>Click the button to create a Text Field.</p> <button onclick="myFunction()">Try it</button> <script> function myFunction() { var x = document.createElement("INPUT"); x.setAttribute("type", "text"); x.setAttribute("value", "Hello World!"); document.body.appendChild(x); } </script> </body> </html>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter