블로그 이미지

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 천상의날개