how to make a text box in html code example

Example 1: html text box

<!-- A <textarea> tag (better for multi-line text)-->
<textarea cols="4" rows="5">
Some text inside the text box.  
See https://www.w3schools.com/tags/tag_textarea.asp
</textarea>

<!-- An <input> type text tag (better for single-line text) -->
<input type="text" value="Some text inside the text box">
<!-- See https://www.w3schools.com/tags/att_input_type_text.asp -->

<!-- Using contenteditable (not recommended) -->
<p contenteditable="true">Some text inside the text box</p>
<!-- See https://www.w3schools.com/tags/att_global_contenteditable.asp -->

Example 2: how to make a textbox in html

Simple code:
<input type="text" name="textbox_name" id="textbox_id"
class="textbox_classname">

Apart from this there are many other attributes are there which we can use in textbox
> placeholder
> style
> value 
etc..

Example 3: how to get the input of a textbox in html

//HTML Textbox w/Getting Javascript Input:
<script>
  function getTextBox(){
    var k = document.getElemntById('myTextBox').value
    alert(k)
  }
</script>
<input type="text" id="myTextBox">
<button onclick="getTextBox()">Get Text Input</button>

Example 4: intput field submit button

<label for="fname">First name:</label><br>
  <input type="text" id="fname" name="fname"><br>