본문 바로가기

전체 글59

엔터키로 이벤트 실행시키기 onKeyup으로 함수를 걸어준 뒤 keyCode를 이용하여 원하는 이벤트 실행시켜주기 2022. 4. 29.
input type="number" 길이 제한하기 input type="text"는 간단하게 maxlength로 길이 제한을 할 수있지만 type="number"는 적용 되지 않음. 스크립트를 추가하여 type="text"처럼 제어하는법 2022. 4. 29.
DB에 <br> 들어갔을 때 줄 바꿈 적용하는 법 스마트에디트같은 걸로 디비에 저장할때 html태그가 같이 들어가는데 줄바꿈 태그도 같이들어간다. 그걸 상세페이지에서 보여줄때 줄바꿈을 나타내기위해 을 로 변경한다. ----생략 ---생략 ${fn:replace(VO.mentoringMCareer, replaceChar, " ")} ---생략 2022. 4. 29.
form 안에 button 자동 submit 막기 form안에 button을 2개사용 하고 각각의 용도를 다르게 하려했더니 둘다 submit만 되었다. 기본 type이 submit이다. 보통 button 태그에 type설정을 안하고 사용했는데 type="button"을 주어 각각 제어가 가능하도록 한다. 2022. 4. 29.
input에 숫자만 입력 가능하도록 input type="number"를 쓰면 해결가능하지만 마이너스도 나오고 오른쪽에 올리고 내릴수있는 버튼이 브라우저 마다 다르게보이고 버튼이 보이는게 싫다. input type="text"에 onKeyup="this.value=this.value.replace(/[^0-9]/g,'');" 를 추가 - number의 장점 input type="number"쓰는 이유 모바일에서 input 누를때 숫자키패드로 나옴 위처럼 설정하면 문자입력이 먼저나옴 2022. 4. 29.