본문 바로가기
728x90
반응형

input2

[jQuery] 마우스 드래그로 크기 조절 가능한 텍스트 박스 만들기 + 텍스트 박스 크기에 따라 글자 수 제한 html의 태그 중 input태그의 텍스트 박스는 textarea와 다르게 마우스 드래그로 사용자가 크기 변경을 할 수 없습니다.이런 텍스트 박스를 사용자 마음대로 크기를 조절할 수 있게 변경하려면 어떻게 해야 될까요? 이번 포스팅은 마우스 드래그로 텍스트 박스의 크기를 조절하는 방법에 대해서 알아보겠습니다.     텍스트 박스 만들기   간단하게 id가 resizableInput인 텍스트 박스를 하나 만들어줍니다. input { resize:horizontal; /* 가로 크기만 조절 가능하도록 설정 */ overflow: hidden; /* 크기가 변경될 때 내용을 잘라내지 않도록 설정 */}  css에서는 resize를 통해 가로 크기만 조절 가능하도록 하며,overflow를 사용하여 크.. 2024. 1. 29.
[PHP/HTML] form태그를 사용하여 다른 페이지로 값 넘겨주기 (hidden) 홈페이지를 사용하다 보면 현재 페이지의 값들을 다른 페이지로 넘겨주어 작업하고 싶을 때가 많습니다.예를 들면 로그인이나, id값이나, 현재 선택한 값들을 처리할 때입니다. 여러 가지 방법들이 있지만 먼저는 hidden을 사용하여 보이지 않게 넘겨주는 방법부터 살펴보도록 하겠습니다.  hidden을 이용하여 값 넘겨주기  hidden을 사용하면 text박스처럼 사용자에게 직접적으로 보여주지 않고,보이지 않게 다른 페이지로 값을 넘겨줄 수 있어서 유용하게 사용이 많이 됩니다. 예제를 통해서 자세한 설명 하도록 하겠습니다.  test_page.php "> "> "> hidden 값 넘기기 " style="margin-top:10px;">  php에서 먼저 .. 2022. 12. 19.
728x90
반응형