麻烦老师看一下，我的思路是否正确以及我这个为什么实现不了？

//js中的first（）方法报错了，报错信息：TypeError: daohang[i].onclick is not a function，为什么不能实现？

//我记得老师也是这个写法

//banner区域的输入框我用ul和li包起来，分别用四个li包裹四个输入框，可以替换成四个裸的输入框吗（不用其他标签包裹，排版方面一个个设置）

//我想获得四个中最后一个输入框<input type="text" name="text4">的“实例（引用）”来操作设置它的height属性（js来操纵样式），请问怎么搞？在css中又怎么弄？还有这最后一个的文本对齐方式

//怎么让text类型的input中的文本顶端对齐？用textarea？

//浏览器火狐

//耽误好几天感觉忘完了麻烦老师了

<!DOCTYPE html>
<html>
<head>
   <title>getLAJIenglish</title>
   <meta charset="utf-8">
   <link rel="stylesheet" type="text/css" href="work.css">
   <script type="text/javascript" src="work.js"></script>
</head>
<body onload="first()">
   <div class="topH">
       
       <div class="topH-img">
           <img src="images/logo.png">
       </div>
       <div class="topH-nav">
           <ul>
               <li name="daohang"><a href="#">HOME</a></li>
               <li name="daohang"><a href="#">ABOUT</a></li>
               <li name="daohang"><a href="#">GALLERY</a></li>
               <li name="daohang"><a href="#">FACULTY</a></li>
               <li name="daohang"><a href="#">EVENTS</a></li>
               <li name="daohang"><a href="#">CONTACT</a></li>
           </ul>
       </div>
   </div>
       


   <div class="banner">
       <div class="inputlist">
           <ul>
               <li><input type="text" name="text1" value="aaaaa"></li>
               <li><input type="text" name="text2" value="bbbbb"></li>
               <li><input type="text" name="text3" value="ccccc"></li>
               <li><input type="text" name="text4" value="ddddd" class="lastinputlist"></li>
           </ul>
       </div>
   </div>
   <div>

   </div>
   <div>

   </div>
</body>
</html>

//以下为js代码

//以下为css

*{
   margin:0px;
   font-family: Microsoft YaHei UI;
   padding: 0px;
}
a{
   text-decoration: none;
   color: #ffffff;
}
.topH{
   background-color: #07cbc9;
   width: 100%;
   height: 52px;
}
.topH .topH-nav{
   float: right;
   position: relative;
}
.topH .topH-nav ul{

}
.topH .topH-nav ul li{
   float: left;
   margin-top: 12px;
   margin-right: 80px;
   list-style: none;
}
.topH .topH-img{
   float: left;
   position:relative;
   display: flex;
}
a:hover{
   color: #000000;
}
/*以下为banner区样式*/
.banner{
   width: 100%;
   height: 715px;
   background-image: url(images/banner3.jpg);
   background-size: 100%;

}
.banner .inputlist{
   width: 25%;
   margin: auto auto;
   position: relative;
   height: 80%;
}
.banner .inputlist ul{
   position: relative;
   float: left;
   margin-top: 100px;

}
/*我想选择inout下type类型为text的页面元素，怎么选择？*/
input{
   width: 380px;
   height: 30px;
   margin-top: 50px;
}
.banner .inputlist>.lastinputlist{
   height: 60px;
}