form 태그

2023. 10. 9. 00:01Html, 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로 나누겠다

'Html, Css' 카테고리의 다른 글

svg  (0) 2023.10.09
반응형 홈페이지  (0) 2023.10.09
배경이미지  (0) 2023.10.08
파비콘  (0) 2023.10.08
Animation / Gradient  (0) 2023.10.08