Skip to content

Latest commit

 

History

History
29 lines (28 loc) · 2.24 KB

2022.09.16.formCSS.md

File metadata and controls

29 lines (28 loc) · 2.24 KB

9월16일

폼(form)

  • 폼에서는 텍스트 필드, 체크박스, 버튼 등 역할마다 다른 소스를 사용해야 함
  • form태그의 속성 : action(form태그안의 내용을 처리할 서버 프로그램 지정)
  • method(method = ”get”을 사용하면 서버로 넘기는 값이 주소표시줄에 드러남, ”post”을 사용하면 서버로 넘기는 값이 주소표시줄에 나타나지 않음)
  • 폼에서 구역 나누기 : fieldset, legend
  • 필드셋 테두리 없애기 : style 안에 fieldset { border: none; } legend { display: none;}
  • input태그의 type 속성 값 : text, password, serch, url, email,tel, checkbox, radio, number, range, date, month, week, time, datetime-local, submit, reset, image, button,file, hidden
  • text, - password필드의 속성: size, value, maxlength
  • label태그 : input태그 전체를감싸거나 id값을 활용해서 label에 for 속성사용(일반적사용) image
  • type="hidden" 사용자에게 보여지지 않음, type="serch" 갬색필드, type="tel" 전화번호, type="email" 이메일입력필드, type="url" 웹주소필드
  • type="color" value="#ff0000", type="number"(속성 min,max,step,value), type="range" 슬라이드 크기조절
  • type="radio" 여러항목중 하나만 선택, type="checkbox" 둘이상 선택 // 속성 name, value, checked
  • 파일첨부 :type="file"
  • 전송버튼 : type="submit" type="image"
  • 취소(리셋) 버튼 : type="reset"
  • 전송도 리셋도 아닌 일반버튼 : type="button"
  • input태그의 여러 속성 : autofocus, placeholder, readonly, required

텍스트영역과 목록

  • textarea 텍스트 영역 : 속성 cols, rows
  • 드롭다운 목록(년, 월, 일 등) : select, option태그 : option태그속성 value, selected, select태그속성 size, multiple
  • 데이터 목록(정해지지않은 목록) : 임의지정값 정의로 목록 추가, 메모 입력하는 텍스트영역
  • iframe태그 : 외부문서, 외부사이트 삽입

CSS

  • 웹의 뼈대(HTML)에 옷을 입히는 스타일 적용 디자인(CSS)
  • CSS IS AWESOME

스타일500