| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 | 31 |
- SASS
- TAG
- html 태그
- javascript
- js
- input
- vscode
- float
- string
- 프로그래머스 코딩테스트
- layout
- 코딩테스트
- ::before
- scss
- 문자열
- object
- Em
- css
- 전개연산자
- 인라인블록
- carousel slider
- 인라인
- 프로그래머스
- inline
- @mixin
- 합계 알고리즘
- HTML
- VSCODE단축키
- 자바스크립트
- 알고리즘
- Today
- Total
목록input (3)
Outputor
Shadow DOM
Shadow DOM 개발자도구를 켠 상태에서 F1 를 누르면 환경설정이 나옴 Show user agent shadow DOM을 체크함 숨겨진 HTML 요소의 스타일을 설정할 수 있음 -webkit- : 크롬, 오페라, 사파리, Edge 브라우저에서 사용함 -moz- : 파이어폭스에서 사용함 -ms- : 익스플로러에서 사용함 progress 설정할 때 appearance: none을 해줘야 함 더보기 더보기 코드 업로드
CSS input 정리
input type 간단 정리 옵션1 input 속성 간단 정리 placeholder: 배경 글자 value: 미리 입력된 값 name: 인풋의 이름 설정 input type을 이용한 CSS셀렉터 ex) input[type=email] {} 전송버튼 (form 태그 안에 있어야 잘 작동함) 전송 label 태그와 for 속성 input의 id와 label의 for 속성을 똑같이 맞춰주면 input대신 label을 눌러도 input을 선택할 수 있음 Do you like cheese? Do you like cheese?
: 폼 만들기 : 폼 요소에 레이블 붙이기 : 폼 요소 그룹으로 묶기 : 보더라인 안에 소제목 넣기 : 입력 항목 만들기 input type: checkbox (네모) input type: radio (동그라미) : 드롭다운 목록 만들기 : 드롭다운 목록 아이템 만들기 : 여러 줄 입력하는 텍스트 영역 만들기 cols: 열개수 / rows: 행개수 See the Pen Untitled by output777 (@output777) on CodePen.