내용은 제목 그대로입니다.
소스는 참 간단하구요.
먼저 첫번째 <input type=text>이렇게 소스를 적용하면 한/영키를 눌러야지만 한글이 써지죠..
한/영 키를 누르지 안은 상태에서 바로 글 입력시 한글이 나오게 할려면 IME-MODE: active를 적용하면 됩니다.
<input type=text style='IME-MODE: active'>
이렇게 소스를 적용하면 글 입력시 바로 한글이 나오죠.
textarea도 마찬가지로 아래와 같이 하시면 됩니다.
<textarea cols="50" rows="10" style='IME-MODE: active'>
</textarea>
그리고 영어를 나오게 할려면 active 대신 inactive를 넣습니다.
이건 굳이 쓰지 안아도 페이지 로딩시 처음에 영어로 나오니까 쓰지 안아도 됩니다.
<input type=text style='IME-MODE: inactive'>
또, auto는 이전의 인풋이나 텍스트리어에 적용한 것을 그대로 나타냅니다.
무슨 말이냐 하면 아래 처럼 소스를 적용했다구 하면요.
<input type=text style='IME-MODE: active'>
<input type=text style='IME-MODE: auto'>
<input type=text style='IME-MODE: inactive'>
<input type=text style='IME-MODE: auto'>
첫번째에 한글 쓰기가 되었죠. 그럼 두번째도 마찬가지로 한글이 써집니다.
세번째는 영문 쓰기가 되었구요. 네번째는 세번째 영향을 받아서 영문이 써집니다.
그리고, 한가지가 더 있는데 이건 잘 모르겠습니다. 아시는 분 댓글 달아주세요.
active, inactive, auto 이거 말구도 deactivated 이게 있는데 이건 모르겠네요.
뭘 해제한다는 것인지 소스 적용해봐도 뭔지 모른다는....^^;
위 소스는 아마 IE5 이상에서 적용되는 걸로 아는데 이하 버전에서는 테스트 안해봤습니다.
이 이하 버전 쓰는 곳은 pc방 밖에 없겠죠...
-------------------------------------------------------------------------------------------------
이건 다른건데요.. 그냥 올려봅니다.
텍스트 입력란에 커서가 미리 깜박이게 하기
아래 태그는 헤드에 넣으세요.
<script languageE="JavaScript">
function MoveFocus() {
document.form1.p.focus();
return;
}
</script>
아래는 당연히 바디에....
<body onload="MoveFocus();">
<form name=form1>
<input name=p size=40>
</form>
-------------------------------------------------------------------------------------------------
또,, 하나 더......ㅡㅡa
예전에 올렸던건데 input나 텍스트리어에 공지글 미리 집어 넣기입니다.
예제는 이곳을 클릭하세요.
http://oxtag.com/zboard/search.php
검색어를 입력하세요. 써있는 곳에 마우스를 클릭하면 입력된 글이 사라지죠.
아무것도 입력하지 안은 상태에서 다시 여백을 클릭하면 공지글이 나타나구요.
여기에 텍스트를 입력하면 새로 입력한 글은 사라지지 않습니다.
헤드에 아래 태그를 넣습니다.
<script language=javascript>
function clearField(field){ if (field.value == field.defaultValue) { field.value = ''; } }
function checkField(field){ if (field.value == '') { field.value = field.defaultValue; } }
</script>
그리구 적용할 해당 input나 textarea에 이걸 추가하세요.
onblur='checkField(this)' onfocus='clearField(this)'
<input type="text" value=" 검색어를 입력하세요" onblur='checkField(this)' onfocus='clearField(this)'>
------------------------------------------------------------------------------------------------
계속 추가가 되네요....^^;
<input type="text" value="기본 텍스트">
<input type="text" style="background;" value="투명텍스트필드">
<textarea style="background;" rows="3">투명텍스트리어</textarea>
style="background;"를 사용하면 투명 처리가 됩니다.
즉, 배경 컬러가 검정이라면 input나 텍스트에리어가 투명 처리가 되기 때문에 배경이 검정이 됩니다.
문서의 백그라운드 이미지가 있을 경우도 당근 다 보입니다.