'웹/웹.html.스크립트'에 해당되는 글 64건

input type=text 에서 바로 한글 입력

웹/웹.html.스크립트
아래처럼 하면 바로 한글이 입력됩니다. ime-mode 에 active 를 지정해줍니다.

<input type=text name="dong" value="" STYLE="ime-mode:active" size=15>

그리고 아래처럼 ime-mode 에 inactive 를 지정하면 바로 영문이 입력되게 됩니다.

<input type=text name="sdong" value="" STYLE="ime-mode:inactive" size=15>

그리고 아래처럼 ime-mode 에 disabled 를 지정하면 무조건 영문만 입력할 수 있게 됩니다.

<input type=text name="sdong" value="" STYLE="ime-mode:disabled" size=15>


두 텍스트 객체에 포커스만 왔다갔다 해도 한/영 모드가 바뀌는 걸 볼 수 있습니다.
이 ime-mode 는 IE 에서만 됩니다. Input Method Editor (IME) 라는 것으로 이것이 가능하다고 합니다.

Chinese, Japanese, Korean 문자를 사용할때 이 IME 라는것을 사용한다고 합니다.
Name
Password
Homepage
Secret

자바스크립트 텍스트박스 숫자 길이 제한

웹/웹.html.스크립트

<script language="javascript">
<!--
function checkNum() {
  if(document.f.text1.value<=0 || document.f.text1.value>40) {
    alert("40보다 작은 숫자를 입력해야 합니다.");
    return;
  }else{
    document.f.text1.value.length = 2;
  }
}
//-->
</script>
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<form name="f">
    <p><input type="text" name="text1" onkeyup="checkNum();"></p>
</form>

Name
Password
Homepage
Secret

텍스트 자동합계

웹/웹.html.스크립트

방법1) =========================================================================================


2번째, 3번째, 4번째 텍스트박스에 숫자 입력하면 1번째 텍스트박스에 자동합계 나오는 스크립트


<script language='javascript'>
    function sum(){
        var f1_1 = document.getElementById('f1_1');
        var f1_2 = document.getElementById('f1_2');
        var f1_3 = document.getElementById('f1_3');
        var f1_4 = document.getElementById('f1_4');
        f1_1.value = Number(f1_2.value)+Number(f1_3.value)+Number(f1_4.value);
    }
</script>
<INPUT name=f1_1 id=f1_1>
<INPUT name=f1_2 id=f1_2 onkeyup="sum();">
<INPUT name=f1_3 id=f1_3 onkeyup="sum();">
<INPUT name=f1_4 id=f1_4 onkeyup="sum();">


방법 2) =========================================================================================


첫번째, 두번째 텍스트박스에 값 입력하면 세번째 텍스트박스에 바로 계산되네요.  


<script language="javascript">
<!--

    function Chking() {
        var f = eval("document.frm");
        if(f.a.value && f.b.value) {
            f.all.value = parseInt(f.a.value) + parseInt(f.b.value);
        } else {
            return false;
        }
    }

//-->
</script>

<form name="frm" method="POST">
<input type="text" name="a" onKeyPress="Chking();" onKeyUp="Chking();">
<br>
<input type="text" name="b" onKeyPress="Chking();" onKeyUp="Chking();">
<br>
<br>
<input type="text" name="all">
</form>


방법 3) =========================================================================================


<form name="sumfrm" method="post" action="">
숫자1 : <input type="text" name="qty" onBlur="sum()">
숫자2 : <input type="text" name="qty" onBlur="sum()">
숫자3 : <input type="text" name="qty" onBlur="sum()">
결과 : <input type="text" name="sum_qty">
</form>

<script language=javascript>
<!--
function sum()
{
    var obj = document.sumfrm;
    var sum=0;
    for(i=0;i<obj.qty.length;i++)
    {
        if(obj.qty[i].value*0 == 0)
        {
            sum += obj.qty[i].value*1;
        }
    }
    obj.sum_qty.value = sum;
}
//-->
</script>

Name
Password
Homepage
Secret

HTML 네모상자 테스트

웹/웹.html.스크립트
111
Name
Password
Homepage
Secret