zoaseo
To Infinity And Beyond
zoaseo
전체 방문자
오늘
어제
  • 분류 전체보기 (760)
    • 개발이 좋아서 (378)
      • Java가 좋아서 (42)
      • Spring이 좋아서 (50)
      • JPA가 좋아서 (0)
      • QueryDSL이 좋아서 (26)
      • Docker가 좋아서 (7)
      • Redis가 좋아서 (7)
      • AWS가 좋아서 (5)
      • CI/CD가 좋아서 (6)
      • Troubleshooting이 좋아서 (4)
      • Kotlin이 좋아서 (7)
      • SQL이 좋아서 (6)
      • HTTP가 좋아서 (21)
      • JavaScript가 좋아서 (30)
      • TypeScript가 좋아서 (6)
      • Vue가 좋아서 (21)
      • Flutter가 좋아서 (61)
      • React가 좋아서 (20)
      • Redux(React)가 좋아서 (2)
      • Angular가 좋아서 (22)
      • HTML이 좋아서 (9)
      • CSS가 좋아서 (15)
      • PHP가 좋아서 (9)
      • Illustrator가 좋아서 (2)
    • 노력이 좋아서 (169)
    • 결과물이 좋아서 (14)
    • 코딩연습이 좋아서 (78)
      • 이론이 좋아서 (62)
      • SQL이 좋아서 (0)
    • 유용한 사이트가 좋아서 (28)
    • Github (2)

인기 글

티스토리

hELLO · Designed By 정상우.
zoaseo
개발이 좋아서/JavaScript가 좋아서

js - 폼태그

개발이 좋아서/JavaScript가 좋아서

js - 폼태그

2022. 5. 18. 11:13

폼과 폼 조작하기

1. 폼과 요소 탐색하기

폼은 특수한 컬렉션인 document.forms의 구성원입니다.

<form name="myForm">

    <input type="text" name="userId">

</form>

1) 폼의 name값으로 접근 : document.forms.폼이름

ex) document.forms.myForm

2) 폼의 순서로 접근 : document.forms[0] -> 문서 내의 첫번째 폼

3) 폼의 요소에 접근 form.elements.요소name값

ex) form.elements.userId

짧은 표기법 form.name

4) focus지정하기

-autofocus 속성추가

-node.focus() 메소드

 

폼이벤트

input : input태그에 값을 적을 때

change : 폼요소의 값이 변경될 때

focus : 커서가 선택되었을 때

blur : 커서가 떠났을 때

 

'개발이 좋아서 > JavaScript가 좋아서' 카테고리의 다른 글

js - 새로운 데이터 타입  (0) 2022.05.19
js - 정규표현식  (0) 2022.05.19
js - keyup,keydown  (0) 2022.05.18
js - scroll  (0) 2022.05.16
js - DOM  (0) 2022.05.13

    티스토리툴바

    단축키

    내 블로그

    내 블로그 - 관리자 홈 전환
    Q
    Q
    새 글 쓰기
    W
    W

    블로그 게시글

    글 수정 (권한 있는 경우)
    E
    E
    댓글 영역으로 이동
    C
    C

    모든 영역

    이 페이지의 URL 복사
    S
    S
    맨 위로 이동
    T
    T
    티스토리 홈 이동
    H
    H
    단축키 안내
    Shift + /
    ⇧ + /

    * 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.