본문 바로가기

form4

동적으로 FORM 객체 생성하기 //FORM 객체 생성 var form= document.createElement("form"); form.name = "frmNew"; form.method = "post"; form.action = "/list.php"; form.target = ""; //INPUT 객체 생성 var input = document.createElement("input"); input.type = "text"; input.name ="name"; input.value = ""; form.insertBefore(input, null); 2015. 4. 1.
폼 접근 자바스크립트에서 폼에 접근하는 방법은 여러가지가 있다. 첫번째, 문서의 폼 프로퍼티를 사용하는 방법이 있다. 폼은 페이지 엘리먼트 중 하나로 페이지에 나타나는 순서대로 배열에 저장된다. 이 방법은 페이지 내에서 폼의 위치가 바뀔 경우, 오류를 발생시킬 수 있다. 예) var theFrm = document.forms[0]; 두번째, 폼에 이름을 지정하고 문서 객체에서 이름을 사용하여 접근하는 방법이 있다. 예) var thrFrm = document.frmName; 2014. 3. 19.
FORM 객체 초기화 하기 다음코드는 폼 객채의 하위 객채들에 대해서 초기화를 진행한다. 폼 객체의 Reset() 함수와 동일한 기능을 수행한다. $('#폼객체ID').each(function(){ this.reset(); }); 예) $('frmTest').each(function(){this.reset();}); 2014. 3. 13.
19. jQuery Mobile 폼 양식 Index 17. jQuery Mobile Collapsible 블록 18. 터치 이벤트 19. jQuery Mobile 폼 양식 20. HTML5 에서 추가된 폼 양식 21. range 양식, slider jQuery Mobile의 폼(form)양식은 표준 HTML 컨트롤에 기반을 둔다. jQuery Mobile은 표준 HTML폼 양식을 그대로 사용하면서 모바일 UI에 맞게 터치하기 편리한 형태로 최적화 한다. 필드 컨테이너 jQuery Mobile은 폼 양식을 정의할 때 각 양식의 간격을 유지하고 구분하기 위해서 라벨과 양식을 감싸는 태그를 제공한다. 필드 컨테이너는 폭이 좁으면 라벨을 양식의 위에 놓고 양식과 양식을 수평선으로 구분한다. Name : 필드 컨테이너 안에서 태그의 속성 for의 값과 .. 2013. 12. 22.