> 웹 프론트엔드 > JS 튜토리얼 > 두 개의 텍스트 상자에 동시 입력을 구현하는 방법

두 개의 텍스트 상자에 동시 입력을 구현하는 방법

小云云
풀어 주다: 2018-02-02 11:52:54
원래의
2046명이 탐색했습니다.

이 글에서는 주로 두 개의 텍스트 상자를 동시에 입력하는 예를 들고 있습니다. 에디터가 꽤 좋다고 생각해서 지금 공유해서 참고용으로 올려보겠습니다. 편집자를 따라 살펴보겠습니다. 모두에게 도움이 되기를 바랍니다.

예제는 다음과 같습니다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
</head>
<body>
<script language="javascript">
function copyob1toob2(){
  document.all["ob_text_2"].value=document.all["ob_text_1"].value
}
</script>
<input type="text" id="ob_text_1" size=20 onkeyup="copyob1toob2()">
<input type="text" id="ob_text_2" size=20>

</body>
</html>
로그인 후 복사

관련 추천:

텍스트 상자에 입력된 단어 수에 대한 실시간 모니터링에 대한 자세한 설명

HTML 텍스트 상자를 읽기 전용으로 만드는 방법 effect

텍스트 상자에 숫자만 입력할 수 있다는 것을 깨닫는 JavaScript 메소드 소개

위 내용은 두 개의 텍스트 상자에 동시 입력을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿