Changeset 8ca35dc for my-react-app/src/components/LoginForm.js
- Timestamp:
- 01/19/25 23:18:37 (4 months ago)
- Branches:
- main
- Children:
- f5b256e
- Parents:
- db39d9e
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
my-react-app/src/components/LoginForm.js
rdb39d9e r8ca35dc 55 55 <div className="tab-content"> 56 56 <div 57 className={classNames("tab-pane", "fade", this.state.active === "login" ? "show active" : "")} id="pills-login"> 57 className={classNames("tab-pane", "fade", this.state.active === "login" ? "show active" : "")} 58 id="pills-login"> 58 59 <form onSubmit={this.onSubmitLogin}> 59 60 <div className="form-outline mb-4"> 60 <input type="email" id="email" name="email" className="form-control" onChange={this.onChangeHandler}/> 61 <input type="email" id="email" name="email" className="form-control" 62 onChange={this.onChangeHandler}/> 61 63 <label className="form-label" htmlFor="email">Email</label> 62 64 </div> 63 65 <div className="form-outline mb-4"> 64 <input type="password" id="loginPassword" name="password" className="form-control" onChange={this.onChangeHandler}/> 66 <input type="password" id="loginPassword" name="password" className="form-control" 67 onChange={this.onChangeHandler}/> 65 68 <label className="form-label" htmlFor="loginPassword">Password</label> 66 69 </div> … … 71 74 72 75 <div 73 className={classNames("tab-pane", "fade", this.state.active === "register" ? "show active" : "")} id="pills-register"> 76 className={classNames("tab-pane", "fade", this.state.active === "register" ? "show active" : "")} 77 id="pills-register"> 74 78 <form onSubmit={this.onSubmitRegister}> 75 79 <div className="form-outline mb-4"> 76 <input type="text" id="firstName" name="firstName" className="form-control" onChange={this.onChangeHandler}/> 80 <input type="text" id="firstName" name="firstName" className="form-control" 81 onChange={this.onChangeHandler}/> 77 82 <label className="form-label" htmlFor="firstName">First Name</label> 78 83 </div> 79 84 <div className="form-outline mb-4"> 80 <input type="text" id="lastName" name="lastName" className="form-control" onChange={this.onChangeHandler}/> 85 <input type="text" id="lastName" name="lastName" className="form-control" 86 onChange={this.onChangeHandler}/> 81 87 <label className="form-label" htmlFor="lastName">Last Name</label> 82 88 </div> 83 89 <div className="form-outline mb-4"> 84 <input type="text" id="email" name="email" className="form-control" onChange={this.onChangeHandler}/> 90 <input type="email" id="email" name="email" className="form-control" 91 onChange={this.onChangeHandler}/> 85 92 <label className="form-label" htmlFor="email">Email</label> 86 93 </div> 87 94 <div className="form-outline mb-4"> 88 <input type="password" id="loginPassword" name="password" className="form-control" onChange={this.onChangeHandler}/> 95 <input type="password" id="loginPassword" name="password" className="form-control" 96 onChange={this.onChangeHandler}/> 89 97 <label className="form-label" htmlFor="loginPassword">Password</label> 90 98 </div> 91 99 92 <button type="submit" className="btn btn-primary btn-block mb-4"> Sign In</button>100 <button type="submit" className="btn btn-primary btn-block mb-4">Register</button> 93 101 </form> 94 102 </div> … … 96 104 </div> 97 105 </div> 98 ) 106 ); 107 99 108 } 100 109 }
Note:
See TracChangeset
for help on using the changeset viewer.