세이박스

input 박스에 입력시 영문으로만 입력 되도록 하거나 한글로 선택 되도록 설정 ime-mode style

웹프로그램

로그인 또는 회원가입 할때 사용자로 부터 정보를 입력 받을 때, input 입력 박스를 활용하는데, 이때 사용자 키보드 설정 상태가 한글 또는 영문 상태에 따라 잘못된 값을 입력할 수 있어서 이를 방지 하기 위해 style의 ime-mode를 이용해서 제어 할 수 있습니다.

아이디 : <input type="text" name="login_id" value="" style="ime-mode:disabled">

위 예제는 아이디를 입력 받는 input 박스로써 style속성에 때문에 한글이 입력이 안되며 영문만 입력이 됩니다.
보통 자바스크립트로도 구현 가능하지만 이처럼 스타일을 이용해서 손쉽게 제어 할 수 있습니다.

다음은 ime-mode 옵션에 대한 설명 입니다.

style="ime-mode:auto"
- 현재 선택되어 있는 상태로 한/영중 선택

style="ime-mode:active"
- Default로 한글 선택 되는 모드

style="ime-mode:inactive"
- Default로 영문 선택 되는 모드

style="ime-mode:disabled"
- 무조건 영문만 입력되도록 하는 모드 (한글 입력 안됨)


 ▶ 최신영화, 최신 미국드라마 무료 다운로드... 

input 리스트가 배열로 반복될경우, 자바스크립트로 원하는 리스트 선택하기

웹프로그램

input을 name 값을 배열로 반복해서 값을 담은뒤 자바스크립트에서 값을 불러 오기 위해서는 elements[] 를 이용하면 됩니다.

<input type="text" name="a[0]" value="111">
<input type="text" name="a[1]" value="222">

var b = document.list1.elements["a["+num+"]"].value;

num은 input 의 배열값입니다.
num = 0 => 111
num = 1 => 222
값이 되겠죠.

PHP input 창 배경 관련

웹프로그램

<SCRIPT-x LANGUAGE="JavaScript-x">
<!--
var pw = false;
function change_02()
{
if ( pw ) return;
document.oForm.pwdPassWord.style.backgroundImage="";
pw=true;
}
//-->
</SCRIPT-x>


<input name="pwdPassWord" type="password" onMouseDown="return change_02();" onKeyDown="return change_02();" tabindex="2" class="v12" style="width:148px; height:18px; background-color:#E8E8E8; background-image: url(/img/common/login/img_login_pw.gif); background-repeat: no-repeat; background-position: left center; border:none;">

input 속성들

웹프로그램

readonly는 한줄글상자만 가능합니다..

<input type="text" value="테스트" readonly>


DISABLED은 모든 폼속성에 적용이 가능합니다.
모든 항목이 비활성화 됩니다.

- 셀릭트 상자
<select name="테스트" DISABLED>
<option value="테스트">테스트</option>
<option value="테스트2">테스트2</option>
</select>

- 한줄 글상자
<input type="text" value="테스트" DISABLED>

- radio
<input type="radio" value="테스트" name="테스트" DISABLED>

- checkbox
<input type="checkbox" value="테스트" name="테스트" DISABLED>