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 요소들만 쏙 골라서, 결과는 다음과 같다.


요소들 접근 하는 방법은 다음 링크를 참고하세요.

https://back-end-developer.tistory.com/entry/jQuery-%EC%A0%9C%EC%9D%B4%EC%BF%BC%EB%A6%AC%EB%A5%BC-%EC%9D%B4%EC%9A%A9%ED%95%98%EC%97%AC-css-%EC%A0%91%EA%B7%BC%ED%95%98%EA%B8%B0

순수하게 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/)