>  기사  >  웹 프론트엔드  >  JavaScript에서 양식 요소를 얻는 방법

JavaScript에서 양식 요소를 얻는 방법

autoload
autoload원래의
2021-04-07 15:36:592634검색

JavaScript에서 양식 요소를 얻는 방법

HTML 형식:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="" name="hello" id="login">
              <input type="text" placeholder="demo@email.com"
              <button>提交</button>
    </form>
</body>
</html>

현재 페이지의 모든 형식을 가져오려면 document.forms를 사용하세요document.forms获取当前页面的所有表单

  • document.forms[0]获取当前页面的第一个表单

  • document.forms['hello']通过表单的name属性获取表单

  • document.forms['login']

    • document.forms[0]현재 페이지의 첫 번째 형식 가져오기

  • document.forms['hello'] code >양식의 name 속성을 통해 양식 가져오기🎜
  • 🎜document.forms['login'] 양식의 id 속성을 통해 양식 가져오기🎜🎜🎜🎜
        <script>
     //form
              console.log(document.forms);
     //  <form action="" name="hello" id="login">
              console.log(document.forms[0]);
              console.log(document.forms[&#39;hello&#39;]);
              console.log(document.forms[&#39;login&#39;]);
               
              console.log(document.forms.item(0));
              console.log(document.forms.item("hello"));
              console.log(document.forms.item("login"));
      //推荐 id
              console.log(document.forms.namedItem("login"));
              console.log(document.forms.hello);
              console.log(document.forms.login);
    
        </script>
    🎜 추천: "🎜2021 js 인터뷰 질문 및 답변(대요약)🎜》🎜

위 내용은 JavaScript에서 양식 요소를 얻는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.