728x90 반응형 text박스1 [jQuery] 마우스 드래그로 크기 조절 가능한 텍스트 박스 만들기 + 텍스트 박스 크기에 따라 글자 수 제한 html의 태그 중 input태그의 텍스트 박스는 textarea와 다르게 마우스 드래그로 사용자가 크기 변경을 할 수 없습니다.이런 텍스트 박스를 사용자 마음대로 크기를 조절할 수 있게 변경하려면 어떻게 해야 될까요? 이번 포스팅은 마우스 드래그로 텍스트 박스의 크기를 조절하는 방법에 대해서 알아보겠습니다. 텍스트 박스 만들기 간단하게 id가 resizableInput인 텍스트 박스를 하나 만들어줍니다. input { resize:horizontal; /* 가로 크기만 조절 가능하도록 설정 */ overflow: hidden; /* 크기가 변경될 때 내용을 잘라내지 않도록 설정 */} css에서는 resize를 통해 가로 크기만 조절 가능하도록 하며,overflow를 사용하여 크.. 2024. 1. 29. 이전 1 다음 728x90 반응형