forms - 使用 Dart 获取表单输入值

Question

我正在尝试获取输入元素的值，例如这是简单的形式:

<form id="loginForm">
        <label for="username">Username</label>
        <input required type="text" class="form-control" id="username">
        <label for="password">Passowrd</label>
        <input required type="password"id="password">
    </div>
    <button type="submit">Submit</button>
</form>

用jQuery我会写:

let value = $("#password").val();

或者我什至可以序列化整个表格，

但在 Dart 中，这似乎不起作用:

querySelector('#username').getAttribute('value');

，它返回 null
我没有使用任何框架，

有什么建议？

Answer 1

querySelector只会返回 HtmlElement .由于您知道结果是 InputElement (在那个 TextInputElement)你需要转换它才能访问 value属性。
(querySelector('#usernames') as InputElement).value