HTML DOM 입력 검색 패턴 속성은 입력 검색 필드의 패턴 속성을 설정하거나 반환하는 데 사용됩니다. 패턴 속성에 의해 지정된 정규식에 대해 검색 필드 시간을 확인합니다. 구문 다음은 −의 구문입니다. 패턴 속성 설정 - searchObject.pattern = regexp 여기서 regexp는 검색 필드를 검사하는 정규식입니다. 예시 입력 검색 패턴 속성의 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <body> <h1>Input Search pattern
HTML DOM 입력 검색 자리 표시자 속성은 입력 검색 필드의 자리 표시자 속성 값을 설정하거나 반환하는 데 사용됩니다. placeholder 속성은 사용자가 아무 것도 입력하기 전에 입력 필드 내부에 텍스트를 표시하여 웹 페이지 사용자에게 입력 요소에 대한 힌트를 제공하는 데 사용됩니다. 자리 표시자 텍스트는 기본적으로 회색으로 표시되며 값 속성과 달리 양식에 제출되지 않습니다. 구문 다음은 −의 구문입니다. 자리 표시자 속성 설정 - searchObject.placeholder = text 여기서 text는 검색 필드에
HTML DOM 입력 검색 readOnly 속성은 입력 검색 필드가 읽기 전용인지 여부를 설정하거나 반환하는 데 사용됩니다. readOnly 속성은 요소를 편집할 수 없도록 만들지만 여전히 탭이나 클릭으로 포커스를 맞출 수 있습니다. 읽기 전용 요소 내부에 기본값이 있으면 제출 시 서버로 전송됩니다. 구문 다음은 −의 구문입니다. readOnly 속성 설정 - searchObject.readOnly = true|false 여기서 true는 검색 필드가 읽기 전용임을 나타내고 false는 그렇지 않은 경우를 나타냅니다. read
HTML DOM Form action 속성은 form 요소의 action 속성과 연결됩니다. form action 속성은 사용자가 제출한 양식 데이터를 보낼 웹 페이지를 지정합니다. 이 속성은 양식을 제출할 위치를 지정하기 위해 양식이 제출된 후에 호출됩니다. 구문 다음은 −의 구문입니다. 양식 작업 속성 설정 - formObject.action = URL 여기에서 URL은 양식 데이터를 보낼 주소를 지정합니다. 절대 URL 또는 상대 URL일 수 있습니다. 예시 form action 속성의 예를 살펴보겠습니다 - <!
HTML DOM 양식 자동 완성 속성은 양식 요소의 자동 완성 속성과 연결됩니다. autocomplete 속성을 사용하여 주어진 양식의 autocomplete 속성 값을 설정하거나 반환할 수 있습니다. 이 속성은 입력 필드가 이전에 텍스트 필드에 작성된 텍스트를 기반으로 사용자가 작성 중인 텍스트를 자동 완성해야 하는지 여부를 지정합니다. 자동 완성이 양식에 대해 설정되어 있고 그 반대의 경우에도 마찬가지인 경우 특정 입력 필드에 대해 자동 완성 속성을 끌 수 있습니다. 구문 다음은 −의 구문입니다. 자동 완성 속성 설정 -
HTML DOM 양식 enctype 속성은 양식 요소의 enctype 속성과 연결됩니다. 이 속성은 양식의 enctype 속성 값을 설정하거나 반환합니다. enctype 속성은 method 속성 값이 POST인 경우에만 사용됩니다. enctype 속성은 제출할 형식의 데이터를 인코딩하는 데 사용됩니다. 구문 다음은 −의 구문입니다. enctype 속성 설정 - formObject.enctype = encoding 여기에서 인코딩은 application/x-www-form-urlencoded일 수 있습니다. 이는 모든 문자가 전
HTML DOM 양식 길이 속성은 양식 내부에 있는 요소의 수를 반환하는 데 사용됩니다. 읽기 전용 속성입니다. 구문 다음은 양식 길이 속성의 구문입니다 - ormObject.length 예시 Form 길이 속성의 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <head> <style> form{ border:2px solid blue; margin:2px;
HTML DOM 양식 메소드 속성은 양식 요소의 메소드 속성과 연관됩니다. 이 속성은 양식 데이터를 서버로 보내는 방법을 지정하는 데 사용됩니다. 데이터를 보낼 주소는 action 속성에 의해 지정됩니다. 이 속성은 양식 메서드 속성 값을 설정하거나 가져옵니다. 구문 다음은 −의 구문입니다. 메서드 속성 설정 - formObject.method =get|게시물; 여기에서 get은 기본 메소드이며 양식 데이터를 URL에 추가합니다. 예:URL?이름=값&이름=값. 일반적으로 안전하지 않으며 비공개가 아닌 데이터에 사용할 수 있습니
HTML DOM 입력 재설정 이름 속성은 재설정 버튼의 이름 속성을 설정하거나 반환하는 데 사용됩니다. name 속성은 양식 데이터가 서버에 제출된 후 식별하는 데 도움이 됩니다. 구문 다음은 −의 구문입니다. 이름 속성 설정 - resetObject.name = name 여기서 name은 리셋 버튼의 이름을 지정하기 위한 것입니다. 예시 Reset name 속성에 대한 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <body> <h1>Input range name
HTML DOM 입력 재설정 개체는 재설정 유형의 요소와 연결됩니다. createElement() 및 getElementById() 메서드를 각각 사용하여 유형이 재설정된 입력 요소를 만들고 액세스할 수 있습니다. 속성 다음은 입력 재설정 개체의 속성입니다 - 속성 설명 자동 초점 페이지가 로드될 때 재설정 버튼이 자동으로 포커스를 받아야 하는지 여부를 설정하거나 반환합니다. 기본값 재설정 버튼 기본값을 설정하거나 반환합니다. 비활성화됨 재설정 버튼이 비활성화되었는지 여부를 설정하거나 반환합니다. 양식 재설정 버
HTML DOM 입력 재설정 유형 속성은 type=reset인 입력 요소와 연결됩니다. 입력 리셋 요소에 대해 항상 리셋을 반환합니다. 구문 다음은 재설정 유형 속성의 구문입니다 - resetObject.type 예시 재설정 유형 속성의 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <body> <h1>Input reset type Property</h1> <form style="border:solid 2px green;padding:2px&q
HTML DOM 입력 재설정 값 속성은 재설정 버튼 값 속성의 값을 반환하거나 설정하는 데 사용됩니다. 재설정 버튼의 값 속성은 기본적으로 재설정 텍스트이므로 버튼에 표시되는 텍스트를 변경합니다. 구문 다음은 −의 구문입니다. 값 속성 설정 - resetObject.value = text; 여기서 텍스트는 리셋 버튼에 표시되는 텍스트를 지정하는 데 사용됩니다. 예시 입력 리셋 값 속성에 대한 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <body> <h1>Inpu
HTML DOM 입력 검색 자동 완성 속성은 type=”search”인 요소의 autocomplete 속성과 연결됩니다. autocomplete 속성은 on 또는 off 값을 취합니다. on 값은 웹 브라우저가 이전 입력을 기반으로 사용자 텍스트를 자동으로 완성해야 함을 지정하고 그렇지 않으면 false 상태입니다. 구문 다음은 −의 구문입니다. 자동 완성 속성 설정 - searchObject.autocomplete = "on|off" 여기서 on은 웹 브라우저가 이전 입력을 기반으로 사용자 입력을 자동으로
HTML DOM Fieldset name 속성은 요소의 name 속성 값을 가져오거나 설정하는 데 사용됩니다. name 속성은 양식이 제출된 후 양식 데이터를 식별하거나 단순히 양식 요소를 참조하는 데 도움이 됩니다. 구문 다음은 −의 구문입니다. 필드셋 이름 속성 설정 - fieldsetObject.name = name 여기서 name은 필드세트 이름을 지정합니다. 예시 Fieldset 이름 속성의 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <head> <scri
HTML DOM Fielset 개체는 요소를 나타냅니다. 속성 다음은 Fieldset 개체의 속성입니다 - 속성 설명 비활성화됨 필드셋이 비활성화되었는지 여부를 설정하거나 반환하려면 양식 주어진 필드 세트를 포함하는 양식에 대한 참조를 반환합니다. 이름 필드세트의 이름 속성 값을 설정하거나 반환합니다. 유형 fieldset 요소 유형을 반환합니다. 구문 다음은 −의 구문입니다. fieldset 요소 만들기 - var p = document.createElement("FIELDSET");
HTML DOM Fieldset 유형 속성은 fieldset 요소 유형을 반환하는 데 사용됩니다. 이는 항상 fieldset 요소에 대한 fieldset 유형입니다. 읽기 전용 속성입니다. 구문 다음은 Fieldset 유형 속성에 대한 구문입니다 - fieldsetObject.type 예시 Fieldset 유형 속성의 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <head> <script> function FieldType() {
HTML DOM Figcaption 개체는 HTML5 요소를 나타내는 데 사용됩니다. createElement() 및 getElementById() 메소드를 각각 사용하여 figcaption 요소를 생성하거나 액세스할 수 있습니다. 구문 다음은 −의 구문입니다. Figcaption 개체 만들기 - var p = document.createElement("FIGCAPTION"); 예시 Figcaption 개체의 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <hea
HTML DOM Figure 객체는 HTML 요소를 나타내는 데 사용됩니다. 그림 개체를 사용하여 그림 요소를 동적으로 만들고 액세스할 수 있습니다. 구문 다음은 Figure 개체를 만드는 구문입니다. - var p = document.createElement("FIGURE"); 예시 다음은 Figure 개체를 만드는 방법입니다 - <!DOCTYPE html> <html> <head> <script> function createFigure(){
HTML DOM의 firstChild 속성은 특정 노드의 첫 번째 자식 노드를 노드 객체로 반환하는 데 사용됩니다. 첫 번째 노드에 따라 텍스트 노드, 요소 노드 또는 주석 노드로 반환될 수 있습니다. 읽기 전용 속성입니다. 구문 다음은 HTML DOM firstChild 속성의 구문입니다 - node.firstChild 예시 firstChild 속성에 대한 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <head> <script> functio
HTML DOM firstElementChild 속성은 주어진 요소의 첫 번째 자식 요소를 반환하는 데 사용됩니다. 자식 요소는 요소 노드로만 반환됩니다. 텍스트 및 주석 노드를 무시하고 고려하지 않습니다. 읽기 전용 속성입니다. 구문 다음은 HTML DOM firstElementChild 속성의 구문입니다 - element.firstElementChild 예시 firstElementChild 속성에 대한 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <head> <scri