如何使用 querySelector on 按名称选择输入元素？

我最近在该网站上收到了有关使用的帮助querySelector在表单输入上，例如select但当我采取<select>它完全改变了函数中必须完成的事情。

HTML:

<form onsubmit="return checkForm()">
    Password: <input type="text" name="pwd">
    <input type="submit" value="Submit">
</form>

JavaScript：

<script language="Javascript" type="text/javascript">
    debugger;
    function checkForm() {
        var form = document.forms[0];
        var selectElement = form.querySelector('');
        var selectedValue = selectElement.value;

        alert(selectedValue);
</script>

之前，我有过('select')为了querySelector，但现在我不确定该放什么。
我也尝试过多种方法querySelectorAll但我似乎无法弄清楚。

需要明确的是，我正在尝试拉name="pwd".

我怎么能这样做呢？

您可以尝试“输入[name =“pwd”]”：

function checkForm(){
     var form = document.forms[0];
     var selectElement = form.querySelector('input[name="pwd"]');
     var selectedValue = selectElement.value;
}

看看这个http://jsfiddle.net/2ZL4G/1/ http://jsfiddle.net/2ZL4G/1/