Breaking News: Grepper is joining You.com. Read the official announcement!

reset form in react

Add Answer

Concerned Chamois answered on June 12, 2021 Popularity 10/10 Helpfulness 2/10

answer reset form in react

related reset form input react

related reset input react

reset form in react

Comment

<!-- you just need a button type of reset -->
<form>
  <div>
   <label for="name">Name</label>
   <input type="text" id="name" placeholder="name" />
  </div>
  <div>
   <label for="password">Password</label>
   <input type="password" id="password" placeholder="password" />
  </div>
  <button type="reset">Reset</button> 
  <button>Submit</button>
</form>

Popularity 10/10 Helpfulness 2/10 Language html

Source: stackoverflow.com

Tags: html reset

Link to this answer
Share Copy Link

Contributed on Jun 12 2021

Concerned Chamois

0 Answers Avg Quality 2/10

Closely Related Answers

reset form input react

Comment

-1

cancelCourse = () => { 
  document.getElementById("create-course-form").reset();
}

render() {
  return (
    <form id="create-course-form">
      <input />
      <input />
      ...
      <input />
    </form>
  );
}

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: input inpu

Link to this answer
Share Copy Link

Contributed on Jan 18 2022

Lokesh003

0 Answers Avg Quality 2/10

reset input react

Comment

const App = () => {
  const [message, setMessage] = useState('');
  return (
    <div>
      <input
        type="text"
        value={message}
		onChange={(event) => {
          setMessage(event.target.value);
        }}/>

      <button 
		onClick={() => {
          alert('check')
          // clear input value
          setMessage('');
        }}>
          Clear field
      </button>
    </div>
  );
};

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: input inpu

Link to this answer
Share Copy Link

Contributed on Sep 24 2022

Yahikko NR

0 Answers Avg Quality 2/10

reset form in react

Contents

More Related Answers

reset form in react

Closely Related Answers

reset form input react

reset input react

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.