일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- html
- security
- 싱글톤
- 스프링 부트
- 시큐리티 로그인
- 시큐리티로그인
- javascript
- 시큐리티 로그아웃
- 소스트리
- springSecurity
- 프로그래머스
- 목록
- 코딩테스트
- sql
- Spring boot
- JAVA11
- gradle
- codingtest
- 2차원배열
- programmers
- css
- java
- 리눅스
- Linux
- 반복문
- 시큐리티
- 로그인
- springboot
- input태그
- StyleSheet
- Today
- Total
목록html (5)
JAVAIARY

해당 문서는 부트스트랩 5.2 의 탭 기능을 다루고 있음 0. 탭의 동작 이해 예제 ( 부트스트랩 v5.2) Home Profile Messages Settings ... ... ... ... tab 의 [data-bs-target]= "#tabpanel의 아이디값" 하나가 활성화되면 나머지 컨텐츠는 숨겨짐 $().tab('show'); tab의 의 id 선택 javascript에서 tab('show')를 통해 강제로 열 수 있음. 1. 요구사항 나의 수강 목록에 후기 탭 추가 수강 완료 상태의 강의에만 '후기 작성' 버튼 노출 및 활성화 링크를 달아 클릭시 강좌페이지의 수강 후기 탭으로 이동 강좌 상세 페이지에서 수강 후기 탭 열기 강좌검색 페이지에서 진입했을 때에는 강의계획서 탭이 기본으로 노출 (현..
form 태그내에 - input태그의 다양한 속성들을 이용해보기 - 드롭다운 메뉴와 선택목록제공하기 - 버튼 생성하기 테두리 제목 주문 상품 이름 배송 주소 이메일 연락처 메모 select 태그 사용하기 옵션1 옵션2 옵션3 datalist 태그 사용하기 옵션1 옵션2 옵션3 제출(전송) 초기화 기능 없음
1) form 태그 안에 다양한 태그, 속성들을 이용하여 양식 생성 가능 2) form 태그는 웹브라우저가 서버에 정보를 넘겨주는 것 까지만 담당 3) label 태그 표시할 값 인식값이 같은 것 끼리 한 덩어리로 인식하므로 태그 안에 모두 넣을 필요가 없어진다. form 태그를 이용하여 텍스트 입력창, 비밀번호 입력창, 전송(submit)버튼, 체크박스, 라디오버튼 스핀박스, 슬라이드 바 날짜 선택창 삽입하기 아이디 : 비밀번호 : 웹에서 보이는 값 선물 포장 개 (최대 5개) 개 (최대 5개)
표제목 표제목 1행 1열 표제목 1행 2열 표제목 1행 3열 2행1열 2행2열 2행 3열 3행,4행 1열 3행 2,3열 4행 2열 4행 3열 5행 1열 5,6행 2,3열 6행 1열 대체텍스트 새탭으로 열기 audio, video 속성 controls 컨트롤 바 표시 autoplay 오디오나 비디오를 자동 실행 loop 오디오나 비디오를 반복 재생 muted 오디오나 비디오의 소리를 제거 preload (auto, metadata, none) 비디오파일 로딩 방법 지정 width, height 비디어 플레이어의 너비와 높이 지정 poster "파일이름" : video가 재생되기 전까지 화면에 표시될 포스터 이미지 지정
HTML 기본 태그와 속성 test 제목