[ HTML ] INPUT | RADIO | CHECKBOX

input 읽기모드 - READONLY
JavaScript 에서 읽기 권한을 주는 방법
form.inputName.readOnly = true | false    ( readOnly 대소문 구별 - O가 대문자임 ) 
 
● STYLE
 
한글우선
style="ime-mode:active;"
영문우선
style="ime-mode:inactive;"
 
입력불가
style="ime-mode:disabled;"

익스플로러 8 에서 가운데 정렬이 안될때
style="height:20px; line-height:20px;" // 높이와 라인높이를 같이 하면 가운데 정렬이 됨
 
숫자만 입력 가능 ( 익스만 됨 )
style="ime-mode:disabled;" onKeyPress="if ((event.keyCode> 47) && (event.keyCode < 59)){event.returnValue=true;} else { event.returnValue=false;}"

 

function onlyNum(inputBox) {
    var inputVal = inputBox.value;
    inputVal = inputVal.replace(/[^0-9]/g,``); // 활용 A-Za-z
    inputBox.value = inputVal;
}
<input type="text" name="txtNum" id="txtNum" maxlength="2" size="3" onKeyUp="onlyNum(this)" />

 

 
■ 입력폼 순서 정하기
tabindex=""
<input type="text" name="txtName" tabindex="1"/>
tabIndex="-1" // tab 으로 커서가 가지 않음.
 
■ 입력글자수 제한 
maxlength="2" 

if((form.txtMid.value).length < 4) {
   alert("아이디를 4문자 이상 입력해주세요.");
   form.txtMid.focus();
   return false;
}

■ 같은 이름을 가지는 여러개의 입력필드의 값 받기
<form name="form" method="post" action="action.php">
   <input type="text" name="name[]" value="1" />
   <input type="text" name="name[]" value="2" />
</form>

<?
$name = $_REQUEST[name];
?>

 

 
■ RADIO
<form>
    <input type="radio" name="radioCheck" value="Y" onFocus="this.blur()" style="border:0px;" /> Y
</form> 
 
※가운데 위치 정렬 
<input type="radio" class="input" style="border:0px; vertical-align:middle; margin:0px; padding:0px;"> 
 
※ RADIO 버튼 체크 확인하기
if(form.radioCheck[0].checked) {
    alert("체크됨");
    return;
}
설명 : RADIO 버튼으로 같은 name 으로 여러개가 있는 경우 배열로 값이 지정이 되기 때문에 위와 같이 설정 해줘야 함
하나만 있는 경우 배열로 하지 않아도 됨.
값 참조 : form.radioCheck[0].value
 
 
if($(":input:radio[name=txtPtype]:checked").length < 1){
   alert("지원과정을 선택하세요");
   return false;
 
  }
 
 
 

 

■ CHECKBOX
 
<SCRIPT language="JavaScript" type="text/javascript">
function join_ok_handler() {
    if( document.getElementById("clause_check").checked == true ) {
        document.location.href="/html/07_seller/seller_join_01.php";
    } else {
        alert("N");
    }
}
</SCRIPT>

 

<SCRIPT language="JavaScript" type="text/javascript">
function join_ok_handler() {
    if( !(document.getElementById("txtCkind").checked == true) ) {
        alert("사업분야를 등록해주세요.");
        return "N";
    }
}
</SCRIPT>

 

 

 
<input type="checkbox" name="clause_check" onFocus="this.blur()" style="border:0px;" /> 동의함