블로그 이미지

calendar

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
  • total
  • today
  • yesterday
2010. 1. 28. 17:12 HTML

**** 텍스트박스 한글 먼저

textbox의 입력문자 제어하기(영문/한글)
  

1. 영문만 입력가능  : style="ime-mode:disabled"
2. 한/영중 선택가능 : style="ime-mode:auto"
3. 디폴트 한글        : style="ime-mode:active"
4. 디폴트 영문        : style="ime-mode:inactive"

ex)  디폴트로 한글 입력이 되는 입력폼
      <input type="text" name="user_name" style="ime-mode:active" />

      <asp:TextBox ID="txtSerch" runat="server" style="ime-mode:active" >

 

**** 숫자만 받기

function onlyNumber(){
 if ((event.keyCode<48) || (event.keyCode>57)){
  event.returnValue=false;
 }
}

 

**** 다음 텍스트박스로 포커스 이동

function move_focus(form){
 if (form.jumin1.value.length ==6){
  form.jumin2.focus();
  return;
 }

}

 

**** 주민번호 체크

var jumin1 = form.jumin1.value;
 var jumin2 = form.jumin2.value;

 var f1=jumin1.substring(0,1);
 var f2=jumin1.substring(1,2);
 var f3=jumin1.substring(2,3);
 var f4=jumin1.substring(3,4);
 var f5=jumin1.substring(4,5);
 var f6=jumin1.substring(5,6);
 var hap=f1*2+f2*3+f3*4+f4*5+f5*6+f6*7;
 var l1=jumin2.substring(0,1);
 var l2=jumin2.substring(1,2);
 var l3=jumin2.substring(2,3);
 var l4=jumin2.substring(3,4);
 var l5=jumin2.substring(4,5);
 var l6=jumin2.substring(5,6);
 var l7=jumin2.substring(6,7);
 hap=hap+l1*8+l2*9+l3*2+l4*3+l5*4+l6*5;
 var rem=hap%11;
 rem=(11-rem)%10;
 if (rem != l7)
 {
  alert("주민등록번호가 맞지 않습니다.");
  form.jumin1.focus();
  return false;
 }

 

*********textbox style

font-size:8pt  폰트크기를 8pt로 지정
background-color:transparent  박스내 배경색지정 (현재투명)
border-width:1px 테두리 값을 1넓이로지정
border-color:skyblue 1넓이로 지정한 테두리 색지정(현재색:skyblue) - skyblue대신색상값을넣으세요
border-style:solid 모양지정
height:15px 높이를 15px로지정

 

[출처] textbox 관련|작성자 비앙이

 

TextBox 자동스크롤생성

style="overflow-y:auto;" 

'HTML' 카테고리의 다른 글

html css 모움싸이트  (0) 2010.01.29
목록테그 (ul, ol, li, dl, dt,dd)  (0) 2010.01.28
a 테그 링크색 바꾸기  (0) 2010.01.28
form의 action을 각각 다르게가기  (0) 2010.01.28
a 테그 location  (0) 2010.01.28
posted by 천상의날개
2010. 1. 28. 14:10 JavaScript

'JavaScript' 카테고리의 다른 글

한글자동으로 입력  (0) 2010.01.28
f5키 눌르는거 방지하는 스크립트  (0) 2010.01.28
ifram 부모창으로 값받아오기  (0) 2010.01.28
자식창 닫힐때 부모창 리플레쉬  (0) 2010.01.28
javaScript로 table 만들기  (0) 2010.01.28
posted by 천상의날개
2010. 1. 28. 14:09 HTML

헤드부분에 밑의 스타일 시트를 넣어주세요.

(pre 태그는 삭제해 주십시오. ^^;)

 

<pre>

<style type="text/css">

<!--

A:link { color:아무색이나 ;text-decoration:none ; }
A:visited { color:아무색이나 ;text-decoration:none ; }
A:active { color:아무색이나 ; text-decoration:none ; }
A:hover { color:아무색이나 ; text-decoration:none; }

-->

</style>

</pre>

 

A:link           -> 링크의 색

A:visited       -> 방문했던 링크의 색

A:active        -> 링크 클릭할 순간의 링크의 색

A:hover         -> 링크 텍스트에 마우스를 댔을때의 링크의 색

posted by 천상의날개