Commit a96957ee authored by Kim, Subin's avatar Kim, Subin
Browse files

form input autoComplete 적용

parent 6a504a36
......@@ -14,6 +14,7 @@ const LoginForm = () => {
if (success) {
return <Redirect to="/home" />;
}
return (
<>
<Formik
......@@ -49,7 +50,7 @@ const LoginForm = () => {
<div className="mb-3">
<input type="text" name="userId"
className={`form-control shadow-none rounded-0 ${styles.textInput}`}
placeholder="아이디"
placeholder="아이디" autoComplete="nope"
{...formik.getFieldProps('userId')} />
{formik.touched.userId && formik.errors.userId ? (
<div className="text-danger mt-1" style={{ fontSize: "10px" }}>{formik.errors.userId}</div>
......
......@@ -69,7 +69,7 @@ const SignupForm = () => {
<label className="form-label" style={{ width: "100px" }}>아이디</label>
<div className="flex-col">
<input type="text" name="userId"
className={`form-control shadow-none rounded-0 ${styles.textInput}`}
className={`form-control shadow-none rounded-0 ${styles.textInput}`} autoComplete="off"
{...formik.getFieldProps('userId')} />
{formik.touched.userId && formik.errors.userId ? (
<div className="text-danger mt-1" style={{ fontSize: "10px" }}>{formik.errors.userId}</div>
......@@ -102,7 +102,7 @@ const SignupForm = () => {
<label className="form-label" style={{ width: "100px" }}>이름</label>
<div className="flex-col">
<input type="text" name="userName"
className={`form-control shadow-none rounded-0 ${styles.textInput}`}
className={`form-control shadow-none rounded-0 ${styles.textInput}`} autoComplete="off"
{...formik.getFieldProps('userName')} />
{formik.touched.userName && formik.errors.userName ? (
<div className="text-danger mt-1" style={{ fontSize: "10px" }}>{formik.errors.userName}</div>
......@@ -113,7 +113,7 @@ const SignupForm = () => {
<label className="form-label" style={{ width: "100px" }}>학번</label>
<div className="flex-col">
<input type="text" name="userStudNum"
className={`form-control shadow-none rounded-0 ${styles.textInput}`}
className={`form-control shadow-none rounded-0 ${styles.textInput}`} autoComplete="off"
{...formik.getFieldProps('userStudNum')} />
{formik.touched.userStudNum && formik.errors.userStudNum ? (
<div className="text-danger mt-1" style={{ fontSize: "10px" }}>{formik.errors.userStudNum}</div>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment