/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

65 votes294 views6 answers
Route react
Javascript React
1 vote362 views3 answers
Npm update react
Javascript React
2 votes310 views2 answers
React 17
Javascript React
0 vote361 views2 answers
React native use route params
Javascript React
-2 votes353 views2 answers
Search bar in react js material ui
Javascript React
0 vote327 views1 answer
React-router in saga
Javascript React
1 vote305 views1 answer
Typeerror object(...) is not a function react useParams
Javascript React
0 vote432 views1 answer
@invertase/react-native-apple-authentication npm
Javascript React
0 vote330 views1 answer
Text and icon on same line react native
Javascript React
0 vote281 views1 answer
Undefined is not a function (near '...(0, _reactNative.createStackNavigator)...')
Javascript React