form 태그
2023. 10. 9. 00:01ㆍHtml, Css
▼form (텍스트 입력)
▷body에 <input type="text" placeholder="이름">, 꼭! <form></form> 안에 넣기
ㄴex)
<form>
<input type="text" placeholder="Name">
<input type="text" placeholder="Email">
<input type="text" placeholder="message">
</form>
▼버튼 만들기
▷form과 같은 부모에 button 입력
ㄴex)
<form>
<input type="text" placeholder="Name">
<input type="text" placeholder="Email">
<input type="text" placeholder="message">
<button type="submit">send</button>
</form>
▼넓이 자동계산
▷calc(전체 / 나눌 숫자);
ㄴex)
li{width:calc(100% / 4);}
▷공통 여백주기 (띄고 -'숫자')
ㄴex)
li{width:calc(100% / 4 - 10px);} > 100%에서 10px를 빼고 4로 나누겠다