How to Create a Text Input Using HTML
Create an HTML page., Put in the code., Now that you have the base code, you're ready to make a form to hold the text box and then make the text box., Save the page., Open up the window and see your new text box!
Step-by-Step Guide
-
Step 1: Create an HTML page.
To do that, open up Notepad or any other plain text editor.
On Windows, you can access Notepad via the Start Menu, at: "Accessories"
then "Notepad".
Or, use the Windows key + R, then type notepad and press enter. , Write the normal tags (<html><head></head><body></body></html>), and it should look like: , Between the two body tags, (<body> and </body>), type: <form name="test">.
Next the actual input element, type: <input type="text" name="textie">.
Finally, close the form tag, type: </form>. , Click "File"
"Save As"
and then save it as test.html.
Or, save it as anything.html. , Using JavaScript, now you could make the text box do something in conjunction with a button! If you want to put some text before the input box to explain what it is, do so before the <input> tag. -
Step 2: Put in the code.
-
Step 3: Now that you have the base code
-
Step 4: you're ready to make a form to hold the text box and then make the text box.
-
Step 5: Save the page.
-
Step 6: Open up the window and see your new text box!
Detailed Guide
To do that, open up Notepad or any other plain text editor.
On Windows, you can access Notepad via the Start Menu, at: "Accessories"
then "Notepad".
Or, use the Windows key + R, then type notepad and press enter. , Write the normal tags (<html><head></head><body></body></html>), and it should look like: , Between the two body tags, (<body> and </body>), type: <form name="test">.
Next the actual input element, type: <input type="text" name="textie">.
Finally, close the form tag, type: </form>. , Click "File"
"Save As"
and then save it as test.html.
Or, save it as anything.html. , Using JavaScript, now you could make the text box do something in conjunction with a button! If you want to put some text before the input box to explain what it is, do so before the <input> tag.
About the Author
Brandon Cook
Dedicated to helping readers learn new skills in organization and beyond.
Rate This Guide
How helpful was this guide? Click to rate: