>  기사  >  웹 프론트엔드  >  HTML의 양식에 대한 정보

HTML의 양식에 대한 정보

高洛峰
高洛峰원래의
2017-03-08 15:55:201104검색

Javascript에서는 페이지의 각

태그 쌍이 양식 객체라는 객체로 구문 분석됩니다.

document.forms를 사용하면 문서에 있는 모든 양식 개체의 컬렉션을 소스 순서대로 가져올 수 있습니다.


如果一个表单对象定义如下:
获得该表单对象的方法:
  i>  document.forms["frm1"];   // 根据name属性值
 ii>  document.forms[0];        // 根据索引号
iii>  document.frm1;            // 直接根据name值获得对象


주의해야 할 양식 속성:

요소: 가져오기 다음 소스 소스별로 정렬된 특정 형식의 모든 컨트롤 모음입니다. 하지만 개체는 이 컬렉션에 없습니다.


var txtName = myform.elements[0];         //获得表单的第一个元素
var txtName = myform.elements["txtName"]; //获得name属性值为"txtName"的元素
var txtName = myform.elements.txtName;    //获得name属性值为"txtName"的元素



enctype: 양식의 배수를 설정하거나 가져옵니다. MIME(인터넷 메일 확장) 인코딩을 사용합니다.

파일을 업로드하려면 multipart/form-data로 설정해야 합니다.


각 양식 요소의 텍스트 설명에는

이 태그는 텍스트를 해당 양식 요소에 바인딩하는 데 사용됩니다. 해당 for 속성은 바인딩된 양식 요소의 id 값을 지정합니다. 바인딩 후 텍스트를 클릭하면 마우스가 해당 텍스트 상자에 초점을 맞추거나 해당 옵션을 선택합니다.

특정 데스크탑 테마가 설치된 경우 일부 양식 요소도 색상을 변경하여 메시지를 표시하므로 사용자 경험이 크게 향상됩니다.

샘플 코드:



참고:

i > 각 양식 요소는

ii > 각각의 각 양식 요소에는 name 속성과 id 속성이 할당되어야 합니다.

name 속성: 서버에 데이터를 제출하는 데 사용됩니다.

id 속성: 클라이언트에서 다음과 같은 해당 작업을 수행하는 데 사용됩니다.

                                  (name 속성과 id 속성은 가능하면 동일하거나 관련된 값을 사용해야 합니다.) 작업에서는 name 속성을 사용하는 것을 선호합니다.

일부 특정 양식 요소(예: 라디오 버튼 등)의 경우 이름 속성을 사용하여 요소 값을 얻는 것이 더 쉽고 서버에 데이터를 전송하는 것이 더 편리하기 때문입니다!


Javascript는 덜 일반적으로 사용되는 속성인 양식 양식 요소를 작동합니다.

defaultChecked는 확인란 또는 라디오 버튼 상태를 설정하거나 가져옵니다.

defaultValue는 객체의 초기 콘텐츠를 설정하거나 가져옵니다.

세트를 비활성화하거나 제어 상태를 가져옵니다.

양식 제출


양식 제출 예:

onclick="document.forms['frm'].submit();">
onclick="this.disabled=true; this.form.submit();">


참고:

  
      onclick="document.forms['frm'].submit();">
      onclick="this.disabled=true; this.form.submit();">
  
i > 요소는 트리거되지 않습니다.


이는

ii > 또는 버튼의 클릭 이벤트 사용자가 제출 버튼을 반복적으로 클릭하는 동작을 비활성화하려면

서버의 응답 부담을 줄이기 위해

텍스트 상자 설정 🎜>i > 텍스트 상자의 문자 수를 제어합니다



참고: 여러 줄로 구성된 텍스트 상자