http://bryan7.tistory.com/145
[출처] http://blog.naver.com/csk7179/80112888854
수정화면을 개발시 읽을 수만 있고 변경을 못 하도록 할때 일반적으로
<input type="text" name="title" readonly> 처리를 한다.
그런데 체크박스/라디오버튼/Select는 readonly 프로퍼티가 먹지 않는다.
다른 방법은 disabled ( 예:<select name="jobtype" disabled> )
인데 이건 안타깝게도 처리화면으로 값을 넘기지 못한다.
해서 웹을 헤메이다 찾은 소스를 소개 합니다.
Select 에서 Readonly 와 같은 동작을 하게 하는 소스 입니다.
아래부분을 쫙 긁어다 붙여서 테스트 해보세요.^^
<소스 시작>
< select name='choice' id='choice' readonly style='background-color:#ababab'
onFocus='this.initialSelect = this.selectedIndex;'
onChange='this.selectedIndex = this.initialSelect;' >
<option value=''> </option>
<option value='Y' selected>Y</option>
<option value='N'>N</option>
</select>
출처: http://bryan7.tistory.com/145 [민서네집]
'Web > HTML_CSS' 카테고리의 다른 글
::after 을 이용해 css 삼각형 , 화살표 가르키기 방향 , (0) | 2018.07.13 |
---|---|
[bootstrap] Popover with custom css styled radio buttons 팝오버 내부 라디오버튼 (0) | 2018.07.13 |
CSS 강좌 | Tips > 체크박스(checkbox) 테두리 변경하기 (원으로 만들기) (0) | 2017.06.27 |
TD 사이즈 조절 (0) | 2016.04.29 |
FLAT UI. (0) | 2015.12.23 |
댓글