JavaScript中取到form的值的方法

最新推荐文章于 2022-03-01 17:55:27 发布

原创最新推荐文章于 2022-03-01 17:55:27 发布 · 149 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #Java #ViewUI

JavaScript相关专栏收录该内容

8 篇文章

订阅专栏

本文介绍了通过不同方法获取HTML表单中输入字段值的技术细节，包括使用表单名称、ID选择器及直接属性访问等方式。

<form action="get.do" method="post" id="fi" name="fn">   
            username:<input type="text" id="username"/><br/>   
            password:<input type="password" id="password"/><br/>   
            <input type="submit" value="submit">   
        </form>  
<form action="get.do" method="post" id="fi" name="fn">
			username:<input type="text" id="username"/><br/>
			password:<input type="password" id="password"/><br/>
			<input type="submit" value="submit">
		</form>
可以通过以下三种方式（我所知道的）来取到值： 
var show = document.fn.elements['username'].value;//注意这里fn是form的名字，而不是id 
var show = document.getElementById('username').value; 
var show = fi['username'].value;//fi是form的id号码 
var show = document.fn.username.value;//