1. 사용자가 입력 한 문자 수 제어
단일 라인 텍스트 상자 및 비밀번호 입력 상자의 경우 MaxLength 속성을 사용하여 사용자가 입력 한 문자 수를 제어 할 수 있습니다.
멀티 라인 텍스트의 경우 MaxLength는 가장 많은 수의 문자 입력이있는 사용자 정의 속성입니다. OnKeypress 이벤트가 발생하면 Lessthan () 함수의 반환 값이 반환됩니다. 함수는 다음과 같습니다
<textArea name = "comment"id = "댓글"cols = "40"rows = "4"maxlength = "50"onekeypress = "return the Lessthan (this);"> </textArea>
자세한 코드
코드 사본은 다음과 같습니다.
<script language = "javaScript">
덜 함수 (otextArea) {
// 텍스트 상자의 문자 수로 필요한 부울 값을 반환합니다.
return otxtArea.value.length <otextArea.getAttribute ( "maxlength");
}
</스크립트>
<form method = "post"name = "myform1"action = "addinfo.aspx">
<p> <label for = "name"> 이름을 입력하십시오 : </label>
<입력 유형 = "text"name = "name"id = "name"value = "name"maxlength = "10"> </p>
<p> <label for = "댓글"> 메시지를 남기고 싶습니다 : </label> <br>
<textArea name = "comment"id = "comment"cols = "40"rows = "4"maxlength = "50"onkeypress = "return the Lessthan (this);"> </textArea> </p>
<p> <입력 유형 = "제출"이름 = "btnsubmit"id = "btnsubmit"value = "제출">
<입력 유형 = "재설정"이름 = "btnreset"id = "btnreset"value = "Reset"> </p>
</form>
2. 마우스를 자동으로 텍스트를 선택하도록 설정하십시오
먼저, 마우스는 자동으로 mouseover = "this.focus"에 초점을 맞 춥니 다.
다음은 onfocus = "this.select ()입니다.
Code example:
코드 사본은 다음과 같습니다.
<form method = "post"name = "form1"id = "form1"action = "addinfo.aspx">
<input type = "text"name = "name"id = "name"value = "name"onmouseover = "this.focus ()"onfocus = "this.select ()">
</form>
여러 코드 인스턴스의 경우 다음 코드를 사용하여 초점을 맞출 수 있습니다.
코드 사본은 다음과 같습니다.
<script type = "text/javaScript">
함수 myfocus () {
this.focus ();
}
함수 mySelect () {
this.select ();
}
Window.onload = function () {
var oform = document.forms [ "myform1"];
oform.name.onmouseover = myfocus;
oform.name.onfocus = mySelect;
}
</스크립트>
<form method = "post"name = "myform1"action = "addinfo.aspx">
<p>
<label for = "name"> 이름을 입력하십시오 : </label>
<입력 유형 = "text"name = "name"id = "name"value = "name">
</p>
<p>
<label for = "passwd"> 비밀번호를 입력하십시오 : </label>
<입력 유형 = "password"name = "passwd"id = "passwd">
</p>
<p>
<입력 유형 = "제출"이름 = "btnsubmit"id = "btnsubmit"value = "제출">
<입력 유형 = "재설정"이름 = "btnreset"id = "btnreset"value = "Reset">
</p>
</form>