[Html/Javascript] <button> Tag

Hyejin·2023년 3월 8일
0
post-thumbnail

<button>의 type 3가지 : submit,reset,button
<button>의 기본 type = "submit"

<button>전송</button> <!--type='submit'-->
<button type='submit'>전송</button>

<button>을 이용한 클릭 이벤트 함수 실행 중 에러

<form>을 이용해 회원가입 페이지를 만들다가 전송버튼을 <button> 사용

  • 사용자 아이디가 공백이면 바로 밑 하단에 안내 메시지를 보여주는 기능 구현 중에 안내문구만 잠깐 깜박였다 사라지고 submit이 되는 현상 발견

  • 클릭 했을 때 버튼에 이벤트를 발생하기 위해 type='button' 명시함

	<button type="button">전송</button>
  • <button type="button"> 으로 유효성 검사 후 해당 입력 칸의 알림 텍스트를 보여줄 수 있게 됨

0개의 댓글