Skip to content

HTML:form

Categories

Textarea 간단한 사용방법

<body>
    <form>
       <textarea rows="10" cols="20" wrap="logical"></textarea>
    </form>
</body>
</html>

React 에서 사용하기

import React, { useState } from "react";

function PasswordUpdate() {
  const [password, setPassword] = useState("");
  const [disabled, setDisabled] = useState(false);

  const handleChange = ({ target: { value } }) => setPassword(value);

  const handleSubmit = async (event) => {
    setDisabled(true);
    event.preventDefault();
    if (password.length < 8) {
      alert("8자의 이상의 비밀번호를 사용하셔야 합니다.");
    } else {
      await new Promise((r) => setTimeout(r, 1000));
      alert(`변경된 비밀번호: ${password}`);
    }
    setDisabled(false);
  };

  return (
    <form onSubmit={handleSubmit}>
      <input type="password" value={password} onChange={handleChange} />
      <button type="submit" disabled={disabled}>
        비밀번호 변경
      </button>
    </form>
  );
}

See also

Favorite site