/Javascript/React/Reset form input react

Reset form input react

Reset form in react

<!-- 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>

Source: stackoverflow.com

Reset form input react

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

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

Similar codes

0 vote253 views1 answer
React hook form submit outside form
Javascript React
0 vote236 views1 answer
React make component full screen
Javascript React
0 vote207 views1 answer
Circle button react native
Javascript React
0 vote253 views1 answer
React native stylesheet shortcut
Javascript React
9 votes247 views3 answers
React Hook "useState" is called in function "app" which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks
Javascript React
0 vote268 views1 answer
Add pdf in react app
Javascript React
1 vote229 views1 answer
How to use array of object in react
Javascript React
5 votes260 views2 answers
Remove underline from link i react
Javascript React
0 vote354 views1 answer
How to prevent clickjacking in react js
Javascript React
0 vote267 views1 answer
Truncate function react
Javascript React