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

태그는 type="date" 속성을 통해 날짜를 입력 받을 수 있다. 1. max, min 속성 input태그의 날짜 제어 속성 max 최대 지정 날짜 min 최소 지정 날짜 1월 10일부터 1월 20일 까지만 지정 가능 2-1. 2개 이상의 input태그를 사용하여 시작일과 종료일을 받을 때 기본적으로 min, max 속성으로 최소 최대 유효성 체크 두 날짜를 비교 하는 로직은 javascript를 통해 validation check 간단하게 부등호를 통해 날짜 비교가 가능 유효하지 않은 날짜의 경우 수정해야 할 태그에 커서가 가도록 구현 2-2. 결과 참고 ) min, max 동적 속성 사용을 위한 java 코드 nowdate : 현재 날짜 aYearAgo : 현재 날짜로부터 1년 전 각각 생성하여 ..

해당 문서는 부트스트랩 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 제목