풍선도움말...

ㆍ호가계부를 시작페이지로

은행 카드 증권 보험 부동산

     
My 즐겨찾기 수정
[무료]  오늘의 운세  /  바이오리듬
여기는 회원님이 직접 등록하신
즐겨찾는 사이트가 출력됩니다.
컴퓨터와 관련있는 모든 팁을 공유합시다.

[html5] datalist 사용법

 호가계부|2022-02-03 14:12:41|조회 : 567

<label for="movie">당신이 좋아하는 앱은 무엇인가요?</label>
<input type="text" list="movie-options" />
<datalist id="movie-options">
    <option value="호 가계부" />
    <option value="호 경조관리" />
    <option value="호 업무관리" />
    <option value="호 재고관리" />
    <option value="호 주차관리" />
    <option value="호 핫딜" />
    <option value="호 World News" />
</datalist>






호가계부 2022-05-05 17:59:22
datalist에서 보여지는 값 이 아닌 숨겨진 값을 알아내는 방법

자바스크립트 함수
function datalistChange() {
    var appName = document.getElementById("app").value;
    var appValue = document.querySelector(#apps option[value='" + appName + "']).dataset.value;
    console.log(appValue);
}

html 태그
<input type="text" list="apps" id="app" />
<datalist id="apps">
    <option data-value="1" value="호 가계부" />
    <option data-value="2" value="호 경조관리" />
    <option data-value="3" value="호 업무관리" />
    <option data-value="4" value="호 재고관리" />
    <option data-value="5" value="호 주차관리" />
    <option data-value="6" value="호 핫딜" />
    <option data-value="7" value="호 World News" />
</datalist>

번호 제             목 첨부 작 성 일 작성자 조회
125  

[윈도우] Windows에서 폴더의 내용을 텍스트 파일로 저장하는 방...

   2023-08-22 호가계부 251
123  

[리눅스] gzip 압축풀기

   2022-09-17 호가계부 179
120  

[html5] 스마트폰 웹브라우저 상단바 없애는 방법

   2022-05-18 호가계부 406
119  

[html5] datalist 사용법

(1) 		2022-02-03 호가계부 567
116  

phpMyAdmin 설치 및 오류 해결

(2) 		2021-04-26 호가계부 31775
114  

cURL 사용법

(6) 		  2020-05-16 호가계부 3329
110  

[HTML][CSS] 페이지 넘김 및 프린터 출력 여백 설정

(1) 		  2019-09-30 호가계부 112275
109  

[javascript] window.open으로 오픈한 자식창에서 부모창 태그 �...

   2019-09-27 호가계부 1925
108  

[jQuery] 익스플로러 외 날짜 입력박스 사용하기(input type dat...

(1) 		2019-09-23 호가계부 260714
106  

CSS3 미디어쿼리 @media 규칙 이해.

   2019-09-09 호가계부 4683
104  

[Android] Chrome Custom Tabs 시작하기

(2) 		  2019-08-17 호가계부 35165
102  

[Android] 타이틀바 없애기

 2019-08-13 호가계부 2552
100  

Chrome 크롬 강력 새로고침 단축키

   2019-07-15 호가계부 24693
99  

홈페이지(웹브라우저) 창 가로 세로 확인 방법

   2019-07-07 호가계부 24508
98  

Html CSS 수직으로 중앙 정렬 하는 방법

   2019-07-05 호가계부 9352
97  

textarea 엔터키 입력할때마다 입력박스 높이를 증가시키는 자바...

(1) 		  2019-06-19 호가계부 4757
96  

javascript encodeURI -> php EUC-KR decode

(1) 		  2019-06-18 호가계부 40938
94  

컴퓨터 종료시간 예약하기

 2019-03-22 호가계부 4651
89  

MySql 기존 컬럼에 자동증가 속성 변경, 추가 및 초기화

   2018-08-15 호가계부 61244
88  

CSS 반응형 레이아웃 만들기

 2018-07-25 호가계부 56003
처음으로 앞으로 | [1] 2 3 4 | 다음 마지막