HTML DOM 입력 암호 개체는 password 유형의 요소와 연결됩니다. createElement() 및 getElementById() 메소드를 각각 사용하여 유형 비밀번호를 사용하여 입력 요소를 생성하고 액세스할 수 있습니다. 속성 다음은 암호 개체의 속성입니다 - Sr.No 속성 및 설명 1 자동 완성 암호 필드의 자동 완성 속성 값을 설정하거나 반환하려면 2 자동 초점 페이지가 로드될 때 비밀번호 필드가 자동으로 포커스를 받아야 하는지 여부를 설정하거나 반환합니다. 3 기본값 비밀번호 필드 기본값을
HTML DOM 입력 비밀번호 패턴 속성은 입력 비밀번호 필드의 패턴 속성을 설정하거나 반환하는 데 사용됩니다. 패턴 속성에 지정된 정규식과 비교하여 비밀번호를 확인합니다. 구문 다음은 의 구문입니다. 패턴 속성 설정하기 - passwordObject.pattern = regexp 여기서 regexp는 비밀번호 필드를 검사하는 정규식입니다. 예시 암호 패턴 속성에 대한 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <body> <h1>Input Passwo
HTML DOM 입력 암호 자리 표시자 속성은 입력 암호 필드의 자리 표시자 속성 값을 설정하거나 반환하는 데 사용됩니다. placeholder 속성은 사용자가 아무 것도 입력하기 전에 입력 필드 내부에 텍스트를 표시하여 웹 페이지 사용자에게 입력 요소에 대한 힌트를 제공하는 데 사용됩니다. 자리 표시자 텍스트는 기본적으로 회색으로 표시되며 값 속성과 달리 양식에 제출되지 않습니다. 구문 다음은 −의 구문입니다. 자리 표시자 속성 설정 - passwordObject.placeholder = text 여기서 text는 암호 필드
borderBottomLeftRadius는 요소의 오른쪽 하단 테두리에 둥근 모서리를 추가하는 데 사용됩니다. 왼쪽 하단 모서리에서 테두리 모양을 설정하고 가져올 수 있습니다. 구문 다음은 −의 구문입니다. borderBottomLeftRadius 속성 설정 - object.style.borderBottomLeftRadius = "length|% [length|%]|initial|inherit" 값 속성 값은 다음과 같이 설명됩니다 - Sr.No 값 및 설명 1 길이 왼쪽 하단 모서리 모양을 정의하기 위
borderBottomRightRadius 속성은 요소의 오른쪽 하단 테두리에 둥근 모서리를 추가하거나 측정하는 데 사용됩니다. 구문 다음은 −의 구문입니다. borderBottomRightRadius 속성 가져오기 - object.style.borderBottomRightRadius = "length|% [length|%]|initial|inherit" 속성 값은 다음과 같이 설명됩니다 - 값 Sr.No 값 및 설명 1 길이 오른쪽 하단 모서리 모양을 정의하기 위해 2 % 백분율로 오른쪽 하단
borderBottomStyle 속성은 요소의 하단 테두리에 대한 선 스타일을 설정하거나 가져오는 데 사용됩니다. 구문 다음은 −의 구문입니다. borderBottomStyle 속성 설정 object.style.borderBottomStyle = value 값 속성 값은 다음과 같이 설명됩니다 - Sr.No 가치 및 설명 1 없음 이것은 기본값이며 경계를 정의하지 않습니다. 2 숨김 이것은 없음과 동일하지만 여전히 경계 공간을 차지합니다. 기본적으로 투명하지만 여전히 존재합니다. 3 점선 이것은 점선 테두
borderBottomWidth 속성은 요소의 하단 테두리 너비를 설정하거나 가져오는 데 사용됩니다. 구문 다음은 −의 구문입니다. borderBottomWidth 속성 설정 - object.style.borderBottomWidth = "thin|medium|thick|length|initial|inherit" 값 속성 값은 다음과 같이 설명됩니다 - Sr.No 가치 및 설명 1 얇음 얇은 테두리를 지정합니다. 2 중간 이것은 중간 테두리를 지정하며 기본값입니다. 3 두꺼움 얇은 테두리를
borderCollapse 속성은 요소가 경계를 공유해야 하는지 아니면 분리되어야 하는지를 설정하거나 반환하는 데 사용됩니다. 분리 및 축소의 두 가지 값을 사용할 수 있습니다. 구문 다음은 −의 구문입니다. borderCollapse 속성 설정하기 - object.style.borderCollapse = "separate|collapse|initial|inherit" 값 속성 값은 다음과 같이 설명됩니다 - Sr.No 가치 및 설명 1 분리 이것은 기본값이며 각 테이블 셀에 별도의 테두리가 있습니다.
borderColor 속성은 요소의 테두리 색상을 설정하거나 가져오는 데 사용됩니다. borderColor 속성을 사용하여 테두리의 각 면의 색상을 조작할 수 있습니다. 즉, 각 면 테두리의 색상이 다릅니다. 구문 다음은 −의 구문입니다. borderColor 속성 설정 object.style.borderColor = "color|transparent|initial|inherit" 값 속성 값은 다음과 같이 설명됩니다 - Sr.No 가치 및 설명 1 색상 테두리 색상을 지정합니다. 2 투명 이렇게
borderImage 속성은 요소의 테두리 이미지를 설정하거나 가져오는 데 사용됩니다. 약식 속성이므로 borderImageSource, borderImageSlice, borderImageWidth, borderImageOutset 및 borderImageRepeat 속성을 한 번에 조작할 수 있습니다. 구문 다음은 −의 구문입니다. borderImage 속성 설정 - object.style.borderImage = "source slice width outset repeat|initial|inherit" 값
HTML DOM borderImageRepeat 속성은 테두리 이미지에서 이미지 슬라이스가 반복되는 방식을 정의하는 데 사용됩니다. 이것은 borderImage가 반올림, 반복 또는 확장되어야 하는지 여부를 설정하거나 가져옵니다. 구문 다음은 −의 구문입니다. borderImageRepeat 속성을 설정합니다. object.style.borderImageRepeat = "stretch|repeat|round|initial|inherit" 값 속성 값은 다음과 같이 설명됩니다 - Sr.No 가치 및 설명 1
HTML DOM 입력 암호 값 속성은 type=password이고 value 속성이 있는 입력 요소와 연결됩니다. 이 속성은 암호 필드의 기본값을 지정하는 데 사용되며 값을 사용자 입력으로 변경하기도 합니다. 구문 다음은 −의 구문입니다. 값 속성을 설정합니다. passwordObject.value = text; 여기에서 텍스트는 암호 필드의 값을 지정하는 데 사용됩니다. 예시 입력 암호 값 속성에 대한 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <body> <h1&
HTML DOM 입력 라디오 자동 초점 속성은 HTML 요소의 자동 초점 속성과 연결됩니다. 이 속성은 페이지가 로드될 때 입력 라디오 버튼이 자동으로 포커스되는지 여부를 설정하거나 반환하는 데 사용됩니다. 구문 다음은 −의 구문입니다. 자동 초점 속성을 설정합니다. radioObject.autofocus = true|false 여기서 true는 라디오 버튼이 포커스를 받아야 함을 나타내고 false는 그렇지 않은 경우를 나타냅니다. 기본적으로 false로 설정되어 있습니다. 예시 입력 라디오 자동 초점 속성의 예를 살펴보
borderBottom 속성은 아래쪽 테두리 속성을 설정하거나 가져오는 데 사용됩니다. border-bottom 속성은 border-bottom-width, border-bottom-style, border-bottom-color의 약칭입니다. 구문 다음은 −의 구문입니다. borderBottom 속성 설정 - object.style.borderBottom = "width style color|initial|inherit" 값 다음은 위의 속성 값입니다 - Sr.No 매개변수 및 설명 1 너비 하단 테두
borderBottomColor 속성은 요소의 하단 테두리 색상을 설정하거나 가져오는 데 사용됩니다. 이 속성이 작동하려면 요소에 테두리가 있어야 하므로 테두리 스타일을 선언하는 것이 중요합니다. 구문 다음은 borderBottomColor 속성을 설정하는 구문입니다 - object.style.borderBottomColor = "color|transparent|initial|inherit" 다음은 borderBottomColor 속성을 반환하는 구문입니다 - object.style.borderBottomCol
HTML DOM defaultView 속성은 창에서 열려 있는 현재 문서와 연결된 창 개체를 반환하는 데 사용됩니다. 구문 다음은 구문입니다 - document.defaultView 예시 HTML DOM defaultView 속성의 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <body> <h2>defaultView Property example</h2> <p>Click the below button to get information about
HTML 요소와 관련된 HTML DOM del cite 속성은 웹사이트의 일부 텍스트가 삭제된 이유를 사용자에게 알려주는 데 사용됩니다. 주어진 텍스트가 삭제된 이유를 나타내는 URL을 지정하면 됩니다. del cite 속성은 시각적 신호가 없지만 화면 판독기에 도움이 될 수 있으므로 웹 사이트의 접근성을 높입니다. del cite 속성은 HTML 요소의 cite 속성 값을 설정하거나 반환합니다. 구문 다음은 −의 구문입니다. 인용 속성 설정 - delObject.cite = URL 여기서 URL은 텍스트가 삭제된 이유를
HTML 요소와 연결된 HTML DOM del dateTime 속성은 웹사이트의 일부 텍스트가 삭제된 시점을 사용자에게 알리는 데 사용됩니다. 텍스트가 삭제된 날짜와 시간을 알려줍니다. 구문 다음은 −의 구문입니다. dateTime 속성 설정 - delObject.dateTime = YYYY -MM-DDThh:mm:ssTZD 여기서 YYYY=년, MM=월, DD=일, T=구분자 또는 공백, hh=시간, mm=분,ss=초, TZD=시간대 지정자 예시 del dateTime 속성의 예를 살펴보겠습니다 - <!DOCTYPE
HTML DOM Del 개체는 HTML 요소와 연결됩니다. 요소를 나타내는 데 사용됩니다. Del 개체를 사용하여 요소를 만들고 액세스할 수 있습니다. 속성 다음은 Del 개체의 속성입니다 - Sr.No 속성 및 설명 1 인용 삭제된 텍스트의 인용 속성 값을 설정하거나 반환합니다. 2 날짜/시간 삭제된 텍스트의 datetime 속성 값을 설정하거나 반환합니다. 구문 다음은 −의 구문입니다. Del 개체 만들기 - var p = document.createElement("DEL");
HTML DOM designMode 속성을 사용하면 전체 문서를 편집할 수 있는지 여부를 지정할 수 있습니다. 이렇게 하면 HTML 문서를 편집할 수 있으므로 HTML 문서가 WYSIWYG(What You See Is What You Get) 편집기 역할을 합니다. 이 속성은 기본적으로 off로 설정되어 있으며 on으로 설정하면 문서를 편집할 수 있습니다. 구문 다음은 −의 구문입니다. designMode 속성 설정 - document.designMode = "on|off" 여기서 off는 기본값이며 on으로