filling form field automatically, html

Question

There is a form:

    <form id="1" action="file.php" method="POST">
        <textarea type="text" name="stream" style="width:80%;" rows="7" cols="40"></textarea>
 
        <br /><br /><br />
        
        <br /><br />
        <label for="number"><span style="font-size: 30pt;">number of results:</span></label>
        <input type="text" name="number" style="width:70px; margin: 50pt; ">
        <br />
        
        <br /><br /><br />
   
   
        <input type="submit" value="Submit form">
</form>

A user is supposed to enter value of both form elements: stream, number

My objective is to automate the process by setting e.g. stream="test" and number="5" and then open file.php.

How can I accomplish that?

https://stackoverflow.com/questions/12376173/auto-submit-form-using-javascript — Z0OM, Jul 02 '22 at 07:56
https://www.tutorialexample.com/a-beginners-guide-to-javascript-auto-submit-html-form-javascript-tutorial/ — Z0OM, Jul 02 '22 at 07:58

score 1 · Answer 1 · answered Jul 02 '22 at 07:52

1

I think this might be the result you want. You just add the "Attribute value"

<textarea type="text" name="stream" style="width:80%;" rows="7" cols="40">test</textarea>
<input type="text" name="number" value="5" style="width:70px; margin: 50pt;">

or

<input type="number" name="number" value="5" style="width:70px; margin: 50pt;">

answered Jul 02 '22 at 07:52

MiNi

11
3

You may need to use javascript events onchanges. so that it works automatically once the information is filled in. – MiNi Jul 02 '22 at 08:15

mplungjan · Answer 2 · 2022-07-02T07:58:45.330

You mean like this? You will need to use JS to submit

Set values on server

window.addEventListener("DOMContentLoaded", () => {
  document.getElementById("form1").submit();
})

<form id="form1" action="file.php" method="POST">
  <textarea type="text" name="stream" style="width:80%;" rows="7" cols="40">test</textarea>
  <br />
  <label for="number"><span style="font-size: 30pt;">number of results:</span></label>
  <input type="text" name="number" style="width:70px; margin: 50pt;" value="5">
  <br />
  <input type="submit" value="Submit form">
</form>

or set values on client

window.addEventListener("DOMContentLoaded", () => {
  document.querySelector("[name=stream]").value="test";
  document.querySelector("[name=number]").value="5";
  document.getElementById("form1").submit();
})

<form id="form1" action="file.php" method="POST">
  <textarea type="text" name="stream" style="width:80%;" rows="7" cols="40"></textarea>
  <br />
  <label for="number"><span style="font-size: 30pt;">number of results:</span></label>
  <input type="text" name="number" style="width:70px; margin: 50pt; ">
  <br />
  <input type="submit" value="Submit form">
</form>

filling form field automatically, html

2 Answers2