>  기사  >  웹 프론트엔드  >  입력태그의 이름과 값의 차이_HTML/Xhtml_웹페이지 제작

입력태그의 이름과 값의 차이_HTML/Xhtml_웹페이지 제작

WBOY
WBOY원래의
2016-05-16 16:42:302272검색

브라우저에서 시작 및 종료에 사용되는 유형 컨트롤(예: type="text"는 텍스트 상자이고 type="button"은 버튼입니다.)
유형의 선택적 값은 다음과 같습니다.
버튼 버튼
체크박스 체크 버튼 컴포넌트
파일 파일 업로드 컴포넌트
숨겨진 필드
이미지 사진 영역
비밀번호 비밀번호 입력 텍스트 박스
라디오 라디오 버튼 컴포넌트
양식 재설정 버튼
양식 제출 제출 버튼
텍스트 텍스트 입력 상자
**************************** ******* ***************************************
ID 은 고유 식별자이므로 허용되지 않습니다. 중복된 값(데이터 테이블의 기본 키, pk와 유사)이 있으며, 해당 값을 통해 해당 html 태그 객체를 얻을 수 있습니다. (동일한 페이지 코드에 중복된 ID가 나타나면 예측할 수 없는 오류가 발생합니다)
js 코드: document.getElementById("id_value")
지정된 ID를 기준으로 객체 참조 가져오기
* **** *********************************************** *** *******************
name과 id의 기능은 동일하며 html 태그를 식별하는 데에도 사용되지만, 유일한 차이점은 name이 반복될 수 있다는 것입니다. 가치.
js 코드: document.forms[0].name 또는 document.getElementsByName("name")
지정된 이름을 기반으로 개체 참조 배열 가져오기
************* ************************************************** *** **********
값은 html 태그의 값을 나타냅니다.
예:
웹 페이지에서 텍스트 상자의 내용을 볼 수 있습니다.
///////////////////////////////////// //////////////////////////////




제목 없는 문서











////////////////// ////////// /////////////////////////////////////// ///
document.getElementById(" seq001")는 id=seq001인 객체 라벨의 참조를 얻습니다.
document.forms[0].seq
는 이름이 있는 모든 라벨 객체 참조의 배열을 반환합니다. =seq 웹 페이지의 첫 번째 형식
document.getElementsByName("seq") <script> <br /><br /></script>은 웹 페이지에서 name=seq를 사용하여 태그 객체 참조 배열을 반환합니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.