为什么我得不到value值？

<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <title>表单验证</title>
   <style>
       .title{
           font-weight: bold;
           font-size:18px;
       }
       .names{
           width:358px;
           height:42px;
           margin-left:38px;

           -webkit-border-radius:5px;
           -moz-border-radius:5px;
           border-radius:5px;
       }
       .btn{
           width:78px;
           height:42px;
           margin-left:15px;

           background: rgb(46,122,184);
           color: #fff;

           font-size:18px;
           font-weight: bold;

           outline: none;
           border:0;
           border-radius: 5px;
       }

       .prompt{
           margin-left:78px;

           font-size:16px;
           color: #ccc;
       }


   </style>
</head>
<body>
   <form action="#">
       <p>
           <label for="names">名称</label>
           <input type="text" id="names" name="user_name">
           <button type="submit">验证</button>
       </p>
       <p>必填,长度为4~16个字符</p>
   </form>
</body>
<script>
   var names = document.getElementById("names").value;
   var namesValue = names.value;
   console.log(namesValue);
</script>
</html>

19990000

浏览 1218回答 1

1回答

Kiwis

第一，输入表单没有值。第二，document.getElementById().value的时候已经获取value。value下没有value属性

1 0

随时随地看视频慕课网APP