input value html code example

Example 1: javascript set input field value

document.getElementById("myInputID").value = "My Value"; //set value on myInputID

Example 2: get value javascript

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Get Text Input Field Value in JavaScript</title>
</head>
<body>
    <input type="text" placeholder="Type something..." id="myInput">
    <button type="button" onclick="getInputValue();">Get Value</button>
    
    <script>
        function getInputValue(){
            // Selecting the input element and get its value 
            var inputVal = document.getElementById("myInput").value;
            
            // Displaying the value
            alert(inputVal);
        }
    </script>
</body>
</html>

Example 3: html input text

<label for="name">Name (4 to 8 characters):</label>

<input type="text" id="name" name="name" required
       minlength="4" maxlength="8" size="10">

Example 4: default value input

<input type="text" id="fname" name="fname" value="John">

Example 5: 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 6: js html tag valu

var value = document.getElementById("theInput").innerHTML;

Tags:

Css Example

Recent Posts