:before , :after 사용법

HTML 2016. 11. 10. 12:24
http://aboooks.tistory.com/252


'HTML' 카테고리의 다른 글

웹 프로젝트에서 쿠키 이용 방법  (0) 2016.11.09
disenable 처리된 input값 전송불가  (0) 2016.09.20
라벨안의 라디오버튼 이벤트 (라벨영역에서 이벤트가 잡히는현상)  (0) 2016.06.30
XSSCross-Site Scripting Injection 란  (2) 2016.06.21
버튼누를때 스크롤이 저절로 맨위로 가는 현상  (0) 2016.06.15
Posted by 이상욱1
,

웹 프로젝트에서 쿠키 이용 방법

HTML 2016. 11. 9. 08:59

http://hyeonstorage.tistory.com/114


쿠키 라이브러리

https://github.com/carhartl/jquery-cookie

'HTML' 카테고리의 다른 글

:before , :after 사용법  (0) 2016.11.10
disenable 처리된 input값 전송불가  (0) 2016.09.20
라벨안의 라디오버튼 이벤트 (라벨영역에서 이벤트가 잡히는현상)  (0) 2016.06.30
XSSCross-Site Scripting Injection 란  (2) 2016.06.21
버튼누를때 스크롤이 저절로 맨위로 가는 현상  (0) 2016.06.15
Posted by 이상욱1
,

disenable 처리된 input값 전송불가

HTML 2016. 9. 20. 18:55

disenable 처리된 input값 안전송되는듯

참고 http://jwizard.tistory.com/35

input type="text" 에서 글 쓰지 못하게 막기 ( readonly, disabled )


<input type="text" />

위와 같은 input 개체가 있을 때,

글 쓰지 못하게 막는 방법 중, 대표적으로 readonly 와 disabled 가 있다.

이 둘 모두 input 타입의 속성이다.

따라서 다음과 같이 사용할 수 있다.


using html
<input type="text" id="txt1" readonly />        
<input type="text" id="txt2" disabled />

<textarea id="txtfield1" readonly ></textarea>
<textarea id="txtfield2" disabled ></textarea>

<input type="password" id="pass1" readonly />
<input type="password" id="pass2" disabled />


using script
var oEle1 = document.getElementById('txt1') ;
var oEle2 = document.getElementById('txt2') ;
var oEle3 = document.getElementById('txtfield1') ;
var oEle4 = document.getElementById('txtfield2') ;
var oEle5 = document.getElementById('pass1') ;
var oEle6 = document.getElementById('pass2') ;

//  "readOnly" 로서 대문자임에 유의한다.
oEle1.readOnly = true ;
oEle2.readOnly = true ;
oEle3.readOnly = true ;
oEle4.readOnly = true ;
oEle5.readOnly = true ;
oEle6.readOnly = true ;

oEle1.disabled = true ;
oEle2.disabled = true ;
oEle3.disabled = true ;
oEle4.disabled = true ;
oEle5.disabled = true ;
oEle6.disabled = true ;


comment : 'readonly' , 'disabled' 둘다 사용자의 입력을 하지 못하게 막는 기능은 동일하지만,

form 안에서 사용하였을 경우,

'readonly' 는 form 전송이 가능하지만,

'disabled' 는 form 전송시 값이 전달되지 않는다.


유의하기 바란다.


'HTML' 카테고리의 다른 글

:before , :after 사용법  (0) 2016.11.10
웹 프로젝트에서 쿠키 이용 방법  (0) 2016.11.09
라벨안의 라디오버튼 이벤트 (라벨영역에서 이벤트가 잡히는현상)  (0) 2016.06.30
XSSCross-Site Scripting Injection 란  (2) 2016.06.21
버튼누를때 스크롤이 저절로 맨위로 가는 현상  (0) 2016.06.15
Posted by 이상욱1
,

라벨안의 라디오버튼 이벤트 (라벨영역에서 이벤트가 잡히는현상)

HTML 2016. 6. 30. 16:08

http://stackoverflow.com/questions/19249209/why-does-a-label-inside-an-input-trigger-a-click-event

'HTML' 카테고리의 다른 글

웹 프로젝트에서 쿠키 이용 방법  (0) 2016.11.09
disenable 처리된 input값 전송불가  (0) 2016.09.20
XSSCross-Site Scripting Injection 란  (2) 2016.06.21
버튼누를때 스크롤이 저절로 맨위로 가는 현상  (0) 2016.06.15
css 이미지 필터 -webkit-filter:  (0) 2016.05.25
Posted by 이상욱1
,

XSSCross-Site Scripting Injection 란

HTML 2016. 6. 21. 16:21

XSSCross-Site Scripting Injection 란


http://gudgud92.tistory.com/31

'HTML' 카테고리의 다른 글

disenable 처리된 input값 전송불가  (0) 2016.09.20
라벨안의 라디오버튼 이벤트 (라벨영역에서 이벤트가 잡히는현상)  (0) 2016.06.30
버튼누를때 스크롤이 저절로 맨위로 가는 현상  (0) 2016.06.15
css 이미지 필터 -webkit-filter:  (0) 2016.05.25
태그에 커스텀 속성 주는방법 jquery 커스텀테그 접근방법  (0) 2016.05.10
Posted by 이상욱1
,

버튼누를때 스크롤이 저절로 맨위로 가는 현상

HTML 2016. 6. 15. 14:44


http://okky.kr/article/206730

<a href="#"> 이 원인 

'HTML' 카테고리의 다른 글

라벨안의 라디오버튼 이벤트 (라벨영역에서 이벤트가 잡히는현상)  (0) 2016.06.30
XSSCross-Site Scripting Injection 란  (2) 2016.06.21
css 이미지 필터 -webkit-filter:  (0) 2016.05.25
태그에 커스텀 속성 주는방법 jquery 커스텀테그 접근방법  (0) 2016.05.10
css * 의미  (0) 2016.04.26
Posted by 이상욱1
,

css 이미지 필터 -webkit-filter:

HTML 2016. 5. 25. 16:15

-webkit-filter: brightness(1.10);

http://imstyle.tistory.com/9

http://codepen.io/rss/pen/ftnDd

http://webstoryboy.com/1416

http://edoli.tistory.com/13

http://codepen.io/AmeliaBR/pen/xGuBr

webkit filter 크로스브라우저

<img src="https://t1.daumcdn.net/cfile/tistory/136A473D4F70845836" style="-webkit-filter: brightness(30%);" />

<img src="https://t1.daumcdn.net/cfile/tistory/136A473D4F70845836" style="-webkit-filter: contrast(30%);" />

'HTML' 카테고리의 다른 글

XSSCross-Site Scripting Injection 란  (2) 2016.06.21
버튼누를때 스크롤이 저절로 맨위로 가는 현상  (0) 2016.06.15
태그에 커스텀 속성 주는방법 jquery 커스텀테그 접근방법  (0) 2016.05.10
css * 의미  (0) 2016.04.26
css :before :after  (0) 2016.04.26
Posted by 이상욱1
,

태그에 커스텀 속성 주는방법 jquery 커스텀테그 접근방법

HTML 2016. 5. 10. 14:18

http://stackoverflow.com/questions/4146502/jquery-selectors-on-custom-data-attributes-using-html5

'HTML' 카테고리의 다른 글

버튼누를때 스크롤이 저절로 맨위로 가는 현상  (0) 2016.06.15
css 이미지 필터 -webkit-filter:  (0) 2016.05.25
css * 의미  (0) 2016.04.26
css :before :after  (0) 2016.04.26
html float로 중앙정렬 시키기  (0) 2016.04.25
Posted by 이상욱1
,

css * 의미

HTML 2016. 4. 26. 10:58

http://stackoverflow.com/questions/3359201/css-the-meaning-of-mark

'HTML' 카테고리의 다른 글

css 이미지 필터 -webkit-filter:  (0) 2016.05.25
태그에 커스텀 속성 주는방법 jquery 커스텀테그 접근방법  (0) 2016.05.10
css :before :after  (0) 2016.04.26
html float로 중앙정렬 시키기  (0) 2016.04.25
밑줄 hover 인라인스타일로  (1) 2016.04.08
Posted by 이상욱1
,

css :before :after

HTML 2016. 4. 26. 10:56

http://www.w3schools.com/cssref/tryit.asp?filename=trycss_sel_before

'HTML' 카테고리의 다른 글

태그에 커스텀 속성 주는방법 jquery 커스텀테그 접근방법  (0) 2016.05.10
css * 의미  (0) 2016.04.26
html float로 중앙정렬 시키기  (0) 2016.04.25
밑줄 hover 인라인스타일로  (1) 2016.04.08
<pre>태그  (0) 2015.12.07
Posted by 이상욱1
,

티스토리툴바