Come posso utilizzare querySelector per selezionare un elemento di input per nome?

Question

Recentemente ho ricevuto assistenza su questo sito per l'utilizzo di su un modulo di input come select ma non appena ho preso <select> out ha completamente cambiato ciò che doveva essere fatto nella funzione.

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> 

Prima, ho avuto ('select') per il querySelector, ma ora io sono sicuro che cosa mettere lì.
Ho provato più cose oltre a querySelectorAll ma non riesco a capirlo.

essere chiaro che sto cercando di tirare la name="pwd".

Come posso fare questo?

Answer 1

Si può provare 'ingresso [name = "pwd"]':

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

dare un'occhiata a questo http://jsfiddle.net/2ZL4G/1/

Answer 2

Questi esempi sembrano un po 'inefficiente. Prova questo se si vuole agire sul valore:

<input id="cta" type="email" placeholder="Enter Email..."> 
<button onclick="return joinMailingList()">Join</button> 

<script> 
    const joinMailingList =() => { 
     const email = document.querySelector('#cta').value 
     console.log(email) 
    } 
</script> 

Si incontrano problema se si utilizza this parola chiave con la freccia di grasso (=>). Se avete bisogno di fare questo, andare vecchia scuola:

<script> 
    function joinMailingList() { 
     const email = document.querySelector('#cta').value 
     console.log(email) 
    } 
</script> 

Se si lavora con gli ingressi di password, è necessario utilizzare type="password" in modo verrà visualizzato ****** mentre l'utente sta scrivendo, ed è anche più semantico.