JQuery 로 form input 사이즈 조정하기
HTML 로드시에 Form 안에 있는 input box 들의 width 를 조정하고 싶다면 아래 코드를 활용하면 된다.
<script type="text/javascript">
$(function(){
$("form select").css("width","100px");
$("form input").css("width","100px");
});
</script>
전부 크기를 100px 로 바꿔 주는 코드이다.
form 내부에 select, input 요소들만 쏙 골라서, 결과는 다음과 같다.
요소들 접근 하는 방법은 다음 링크를 참고하세요.
순수하게 jquery 로 너비 조절을 한다면, 아래 글 참고
| [jQuery 입문 | 요소의 영역 | 요소의 크기 .width() .height()](https://www.devkuma.com/docs/jquery/%EC%9A%94%EC%86%8C%EC%9D%98-%ED%81%AC%EA%B8%B0-width-height/) |