이 기사에서 공유하는 내용은 초보자가 학습하기에 적합한 일반적으로 사용되는 일부 HTML 객체 속성에 관한 것입니다. 이 웹 사이트에는 초보자가 학습하기에 적합한 일반적으로 사용되는 일부 HTML 객체 속성이 포함되어 있습니다. 이 기사에서 초보자의 객체 속성에 대한 응용 방법 및 지식에 대한 관련 방법과 지식을 설명합니다. 이와 관련하여 도움을주고 도움을 주시면 오신 것을 환영합니다! 다음은 세부 사항입니다.
이 기사가 귀하와 공유하는 것은 초보자가 학습하기에 적합한 일반적으로 사용되는 일부 HTML 객체 속성에 관한 것입니다.
객체를 형성하십시오객체 방법을 형성하십시오
Reset () : 양식의 모든 입력 요소를 기본값으로 재설정하십시오.
제출 () : 양식을 제출하십시오.
텍스트 객체텍스트 객체 속성
비활성화 : 텍스트 필드가 비활성화되어야하는지 여부를 설정하거나 반환합니다.
ReadOnly : 텍스트 필드를 읽어야하는지 여부를 설정하거나 반환합니다.
값 : 텍스트 필드의 값 속성을 설정하거나 반환합니다.
텍스트 객체 방법
Focus () : 텍스트 필드에 초점을 설정하십시오.
예
<! docType html> <html> <head> <메타 charset = utf-8> <title> </title> </head> <body> <form> <입력 이름 = wd/> <입력 유형 = 제출 값 = baidu onclick = sub ()> </form> <cript> var form = document.getEmbertagname (form); var text = document.getElementsByName (wd) [0]; text.focus (); 함수 sub () {var text = document.getElementsByName (wd) [0]; // text.value = magic; // text.readonly = true; // console.log (text.readonly); // text.disabled = true; console.log (text.disabled); text.focus (); } // 유형 텍스트, 비밀번호 및 Textarea가있는 태그, 값, 초점, 비활성화 및 readonly </script> </body> </html> 라디오 객체라디오 객체 속성
확인 : 라디오 버튼의 상태를 설정하거나 반환합니다.
비활성화 : 라디오 버튼을 비활성화할지 여부를 설정하거나 반환합니다.
값 : 라디오 버튼 값 속성의 값을 설정하거나 반환합니다.
확인란 객체확인란 객체 속성
점검 : 확인란을 선택 해야하는지 여부를 설정하거나 반환합니다.
비활성화 : 확인란을 비활성화 해야하는지 여부를 설정하거나 반환합니다.
값 : 확인란 값 속성의 값을 설정하거나 반환합니다.
객체를 선택하십시오객체 수집을 선택하십시오
옵션 [] : 드롭 다운 목록에 모든 옵션이 포함 된 배열을 반환합니다.
객체 속성을 선택하십시오
비활성화 : 드롭 다운 목록을 비활성화 해야하는지 여부를 설정하거나 반환합니다.
길이 : 드롭 다운 목록에서 옵션 수를 반환합니다.
selectedIndex : 드롭 다운 목록에서 선택한 항목의 인덱스 번호를 설정하거나 반환합니다.
객체 메소드를 선택하십시오
추가 () : 드롭 다운 목록에 옵션을 추가하십시오.
제거 () : 드롭 다운 목록에서 옵션을 제거하십시오.
옵션 객체옵션 객체 구성 방법
옵션 (텍스트, 값) : 텍스트 및 값 값을 통해 옵션 개체 생성
옵션 객체 속성
선택된 : 선택한 속성의 값을 설정하거나 반환합니다.
텍스트 : 옵션의 일반 텍스트 값을 설정하거나 반환합니다.
값 : 서버로 전송 된 값을 설정하거나 반환합니다.
객체 및 옵션 객체 예제를 선택하십시오 <! docType html> <html> <head> <메타 charset = utf-8> <title> </title> </head> </head> <body> <select id = grade> <옵션 value = 1> 첫 번째 학년 </옵션 value = 2> 2 학년 </옵션 value = 3> 2 학년 </옵션 = 4 옵션 </옵션> </옵션> <inclick = oncepte = inclick <inclick <inclick <옵션 </옵션> < value = button/button/> <script type = text/javaScript> function text () {var select = document.getElementById (grade); Console.log (select.disabled); Console.log (select.length); console.log (select.selectedIndex); Console.log (~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~`) var 옵션 = select.options; console.log (옵션 [select.selectedIndex] .Value); console.log (@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@/@@@@@@@@@@@@@@@@@) {console.log (옵션 [i] .value); Console.log (옵션 [i] .Selected); console.log (옵션 [i] .text); } var 옵션 = 새로운 옵션 (5 학년, 5); select.add (옵션); select.remove (0); } </script> </body> </html> 등록 양식 <! docType html> <html> <head> <메타 charset = utf-8> </title> </head> </head> <body> <span style = color : 빨간색; id = 잘못된 대중> </span> <br/> <form onsubmit = return check ()> <table> <tr> <td> username : </td> <td> <input id = name placeholder = username onblur = check_name ()> </td> </tr> <tr> 비밀번호를 입력하십시오. 자리 표시기 = 비밀번호를 입력하십시오 onblur = check_pw ()> </td> </tr> <tr> <td> 비밀번호 확인 : </td> <td> <입력 ID = PW-Check 유형 = 비밀번호 자리 표시기 = 확인 암호를 입력하십시오/> </td> </tr> </table> <입력 유형 = 무선 값 = 섹스 값 = 0/> input type = inputy type = inputy < <입력 유형 = 확인란 이름 = 취미 값 = 0/> 배드민턴 <입력 유형 = 확인란 이름 = 취미 값 = 1/> 농구 <입력 유형 = 입력 상자 이름 = 취미 값 = 1/> 테이블 테니스 <입력 유형 = checkbox name = Hobby Value = 3/> 축구 <br/> <옵션 value = 1> 옵션> <옵션> 옵션> 옵션> < value = 3> junior </옵션> <옵션 값 = 4> 선임 </옵션> </select> <br/> <td> <입력 유형 = 재설정 값 = reset/</td> <td> <입력 유형 = 제출 값 = 레지스터/</td> </form> <cript> // $ () 함수를 사용하여 코드가 $ (id) {repurtelement (id); } 함수 check () {var n = document.getElementById (이름); var w = document.getElementById (pw); var msg = document.getElementById (잘못된 대중); var c = document.getElementById (pw-check); if (n.value.length> 12) {msg.innerhtml = 사용자 이름은 15자를 초과 할 수 없습니다. 다시 들어가십시오! ; n.focus (); 거짓을 반환합니다. } if (n.value.length == 0) {msg.innerhtml = 사용자 이름을 비울 수 없습니다. 다시 들어가십시오! ; n.focus (); 거짓을 반환합니다. } if (w.value.length> 12) {msg.innerhtml = 암호는 12자를 초과 할 수 없습니다. 다시 들어가십시오! ; w.focus (); 거짓을 반환합니다. } if (w.value.length == 0) {msg.innerhtml = 비밀번호를 비울 수 없습니다. 다시 들어가십시오! ; w.focus (); 거짓을 반환합니다. } if (w.Value! = C.Value) {msg.innerhtml = 암호가 잘못되었으므로 다시 입력하십시오! ; C. -focus (); 거짓을 반환합니다. } var sex = document.getElementsByName (섹스); var Hobby = document.getElementsByName (Hobby); for (var i = 0; i <sex.length; i ++) {sex [i] .disabled = true; console.log (sex [i] .Checked + + sex [i] .Value); } console.log(~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~) for(var i=0;i<hobby.length;i++){ hobby[i].checked = true; console.log (취미 [i] .Checked + + Hobby [i] .Value); } console.log(~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~) var select = document.getElementById(grade); var 옵션 = select.options; Console.log (select.length); console.log (select.selectedIndex); console.log (옵션 [select.selectedIndex] .Value); for (var i = 0; i <옵션 .length; i ++) {var 옵션 = 옵션 [i]; console.log (옵션. value) select.disabled = true; } false를 반환합니다. } function check_name () {var n = document.getElementById (이름); var msg = document.getElementById (잘못된 대중); if (n.value.length> 12) {msg.innerhtml = 사용자 이름은 15자를 초과 할 수 없습니다. 다시 들어가십시오! ; n.value =; n.focus (); } else if (n.value.length == 0) {msg.innerhtml = 사용자 이름이 비어있을 수 없습니다. 다시 들어가십시오! ; n.focus (); } else {msg.innerhtml =; }} 함수 check_pw () {var w = document.getElementById (pw); var msg = document.getElementById (잘못된 대중); if (w.value.length> 12) {msg.innerhtml = 암호는 12자를 초과 할 수 없습니다. 다시 들어가십시오! ; w.value =; w.focus (); } else if (w.value.length == 0) {msg.innerhtml = 암호가 일치하지 않습니다. 다시 들어가십시오! ; w.focus (); } else {msg.innerhtml =; }} </script> </body> </html> 이미지 객체이미지 객체 속성
SRC : 이미지의 URL을 설정하거나 반환합니다.
초보자가 배우기에 적합한 일반적으로 사용되는 일부 HTML 객체 특성에 대한 소개 내용은 여기에 있습니다. 다음 시간에 쉽게 액세스 할 수 있도록이 페이지의 URL을 북마크 할 수 있습니다.