728x90 반응형 공부/프론트9 [html/css] input 태그 안에 button 태그 넣기 개발을 하다보면 input 태그를 통해 입력 받아서 button 태그를 눌러 정보를 제출하는 상황은 자주 발생한다. 일반적으로 아래와 같이 input 태그 옆에 button 태그를 두면 쉽게 구현할 수 있다. 하지만 더 예쁘게 만들고자 아래와 같이 input 태그에 button 태그를 넣고 싶다면 어떻게 해야 할까? 우선 다음과 같이 태그를 배치해보자. 제출 이제 div, input, button 태그에 css를 넣어서 input 태그 안에 button 태그가 위치하도록 해보자. 먼저 div 태그의 css 코드이다. #container{ width: 300px; height: 50px; position: relative; display: flex; } position을 relative로 준 이유는 but.. 2024. 3. 25. 이전 1 2 3 다음 728x90 반응형
