# submit
TIL 230531
\-문제영화 소개 페이지를 제작중에 있다.form 태그 안에 있는 input에 영화 이름을 입력하고검색을 하면 해당 영화가 나와야하는데 "enter"키를 누르면 자꾸 새로고침이 되어서 노출이 되지 않는 상황이.\-원인form 태그 내부에 button이 존재할 경우 re

[Html/Javascript] <button> Tag
`` type의 기본속성값 : submit 위의 두 개의 ` 모두 type='submit'` `을 이용해 회원가입 페이지를 만들다가 전송버튼을 ` 사용 사용자 아이디가 공백이면 바로 밑 하단에 안내 메시지를 보여주는 기능 구현 중에 안내문구만 잠깐 깜박였다 사라지

Front-end 국비지원 #059일
JQuery UI 의 사용법은 URL : https://velog.io/@nuyhes/Front-end-%EA%B5%AD%EB%B9%84%EC%A7%80%EC%9B%90-052%EC%9D%BCJQuery UI를 이용하여 From 태그를 사용해본다.selectm
디폴트 버튼타입은 button이 아니다!?
버튼에도 타입이 있다.타입을 지정하지 않으면 submit으로 간주한다. ㅇㅅㅇ!!나는 디폴트로 button을 갖고있을 줄 알았는데...그래서 그런지 form 내에 버튼을 두개 만들어서 하나에 타입을 명시적으로 'submit'을 주고 나머지 하나엔 하지 않았더니 이상한

바닐라 JS 챌린지 day7 Login
4.Login 4.0 Input Values 모든 것은 HTML에서 시작되어야함 HTML에서 작성 후 JS에서 기능 구현 1) HTML form 마크업 사용자가 이름을 작성할 수 있도록 ``태그 작성 안에 텍스트를 넣기위해 type="text" 미리 작성할 말은
React fetch를 이용하여 submit 이벤트 구현하기
내가 참고한 블로그는 여기다그중에서도 마지막에 있는 POST request using fetch with set HTTP headers 부분을 참고했다. 포기하고 수업을 들을까 했는데 포기하지 않았던 나를 칭찬한다. 구현하고나니까 너무너무너무 뿌듯하다 ㅎㅎ작성한 for

<input>태그의 type속성
기본형 `` 가장 많이 사용하는 요소 아이디나 이름, 주소, 통합검색 등의 텍스트를 입력할 때 주로 사용됨 |title|desc| |:---:|:---:| |hidden|사용자에게는 보이지 않지만 서버로 넘겨지는 값을 가짐| |text|한 줄짜리 텍스트를 입력할 수
01. 회원가입 html form 잡기
<form name="join_form" id="join_form"> ... </form>아이디, 비밀번호, 비밀번호 확인, 이름, 이메일, 연락처div.form-group > ( label > span, div > input )성별, 수강과목div.form
JS- `<form>`의 reset, submit 처리
<form>요소의 action속성에 지정된 페이지로 사용자의 입력내용을 전송하는 기능.<input type="submit"/>요소를 클릭하거나 아래의 자바스크립트 구문의 호출을 통해서 구현된다.<form>요소에 onsubmit 이벤트 적용후 return
JS-Form객체와 input태그 제어
input input 태그는 form 태그 중에서 가장 중요한 태그로 사용자로부터 데이터를 입력받기 위해 사용된다. `` 태그는 다양한 종류가 있는데 type속성에 의해 구분된다. form 태그 내에 존재하여야 입력 데이터를 전송할 수 있으나 ajax를 사용할 시에는
ajax / form
위의 코드가 기본적인 ajax 작성 코드이다. url에 적힌 주소로 data를 보내서 type의 형태로 데이터를 받아온다.success는 통신성공시 실행되는 callback 함수이다.form은 데이터를 주고받을때 페이지 전체가 리로드 되는 동기 방식이다.action을

검색 history 추가
참 많이 돌아왔다 이 기능은 사실 스크래퍼 챌린지 하다가 다른 우수 졸업자들의 작품을 보고 영감을 받아서 만들려고 했던건데 자바스크립트로 구현되어있어서 자바스크립트 공부하고 다시 만들자고 했던건데 드디어 다 구현했다! 그럼 우선 history가 위치할 틀을 html,

onClick 이벤트 겹침 발생 해결 (Form Error)
Vue2를 사용해 프로젝트를 하던 중 API 통신을 위해 버튼을 이용해 click 이벤트를 발생시키려 했는데 클릭이 두 번 되거나 페이지가 새로고침 되는 등의 문제가 발생했다.script code여러 개의 API 통신을 시도하면서 필요에 따라 form 객체 안에 데이터
#4.2 submit을 preventDefault()하기 (Events/바닐라 JS로 크롬 앱 만들기)
form을 submit할 때 발생하는 브라우저가 새로고침 되어 생기는 문제점을 preventDefault를 통해서 해결하기

[모던JS: 브라우저] 폼과 폼 조작
본 포스팅은 여기에 올라온 게시글을 바탕으로 작성되었습니다.파트와 카테고리 동일한 순서로 모든 내용을 소개하는 것이 아닌, 몰랐거나 새로운 내용 위주로 다시 정리하여 개인공부 목적으로 작성합니다.중간중간 개인 판단 하에 필요하다고 생각될 시, 기존 내용에 추가로 보충되