쭈링이.log 쭈링이.log

React input React JSX 에서 input태그를 html태그처럼 사용할 수 있다. // html input 태그와 조금 다르게 닫는 태그도 설정 // 또는 JSX 에서 input 태그 사용하는 다른점은 닫는 태그를 사용해야 한다. 값을 입력할 때 마다 input 을 제어하려면 onChange 이벤트핸들러를 사용해 제어할 수 있다. /* eslint-disable */ import logo from './logo.svg'; import './App.css'; import { useState } from 'react'; function App() { let postId = 'postId'; let [title, setTitle] = useState(['Title1', 'Title2', 'Titl..

Input태그 의 양식 태그 input태그는 날짜, 시간, 이메일, 주소 등을 입력할 수 있는 양식 태그들이 있다. color 속성 색상을 선택할 수 있는 속성이다. color 속성 작성법 속성으로는 value가 있다. color 속성 예시 type = "color" 색상 선택 : *초기 설정 값이 없을경우 기본값은 검은색을 나타낸다. date / datetime-local / month / week 속성 년도, 월, 일, 주를 선택하는 속성이다. date / datetime-local / month / week 작성법 속성으로는 min, max, step, value가 있다. date / datetime-local / month / week 예시 날짜 관련 태그 date / month / week / ..

image 속성 이미지 형태의 제출 버튼(submit)을 생성한다. image 속성 작성법 image 속성 값으로는 src가 있다. image 속성 예시 type = "image" 이미지 형태의 제출버튼을 나타내는 태그 submit / reset 속성 submit : 서버의 폼 핸들러로 input에 입력한 값들을 제출(submit)하는 태그이다. reset : 폼 안에 모든 요소들의 값을 초기값으로 되돌리는 태그이다. submit / reset 속성 작성법 type = "submit / reset" submit : 서버의 폼 핸들러로 input에 입력한 값들을 제출(submit)하는 태그이다. reset : 폼 안에 모든 요소들의 값을 초기값으로 되돌리는 태그이다. submit / reset 속성으로는 ..

input이란 사용자로부터 data를 입력 받기 위한 태그이다. 속성으론 type, value, name, placeholder 등이 있다. 그 중 type 속성으로는 여러가지의 값을 가져서 다양한 input형태를 만들 수 있다. text 속성 한 줄 짜리 텍스트를 입력할 수 있는 텍스트 박스이다. text 속성 작성법 text 속성 예시 type = "text" 한 줄 짜리 텍스트를 입력할 수 있는 텍스트 박스 아이디 : password 속성 입력된 텍스트를 브라우저별로 지정된 문자로 가리개 하는 타입이다. password 속성 작성법 password 속성 예시 type = "password" 입력된 텍스트를 브라우저별로 지정된 문자로 가리개 하는 타입 비밀번호 : * 비밀번호를 가려서 나타난다. bu..