获取原生表单中input框的值

可以使用JavaScript来获取原生表单中input框的值。具体方法如下：

1. 首先获取表单元素，可以使用document.forms获取所有表单元素，或者使用document.getElementById获取指定表单元素。

2. 获取input元素，可以使用表单元素的elements属性获取所有input元素，或者使用document.querySelector获取指定input元素。

3. 获取input元素的值，可以使用input元素的value属性获取。

例如，获取id为myForm表单中name为username的input框的值，可以使用以下代码：

var myForm = document.getElementById("myForm");
var usernameInput = myForm.elements["username"];
var usernameValue = usernameInput.value;

注意，如果表单中有多个相同name属性的input元素，可以使用elements[name]获取第一个匹配的元素，或者使用document.querySelectorAll获取所有匹配的元素。

相关问题

form表单直接使用input可以拿到input的值为什么使用封装后的input组件无法拿到input的值

form表单中使用原生的input标签可以直接通过JavaScript获取到输入框的值，而使用封装后的input组件可能无法直接获取到值的原因有以下几点：

1. 封装后的input组件可能对原生的input标签进行了一些封装和处理，可能会改变其属性或者事件的行为。这可能导致无法直接通过原生的方式获取到输入框的值。

2. 封装后的input组件可能使用了自定义的属性或者事件来实现一些额外的功能，这些属性或事件可能与原生的input标签不同，导致无法直接获取到值。

3. 封装后的input组件可能使用了受控组件的方式来管理输入框的值，即通过state或props来控制输入框的值。在这种情况下，需要通过组件的props或state来获取输入框的值，而不是直接从DOM中获取。

如果你想要获取封装后的input组件的值，可以查看该组件的文档或源代码，看是否提供了获取值的方法或属性。另外，你也可以通过监听组件的onChange事件来获取输入框的值，并将其保存在组件的state或props中，然后通过state或props来获取输入框的值。

html 原生提交表单

html原生提交表单有两种方式：
1. 使用form元素的submit()方法：可以直接通过form元素的submit()方法来提交表单，该方法会将表单的数据发送到服务器并进行页面跳转。
例如：

<form id="myForm" action="/submit" method="post">
  <input type="text" name="username">
  <input type="password" name="password">
  <input type="submit" value="Submit">
</form>

<script>
  var form = document.getElementById("myForm");
  form.submit();
</script>

2. 使用input元素的type为submit的按钮：可以通过在表单中添加一个type为submit的按钮，点击该按钮会触发表单的提交动作。
例如：

<form id="myForm" action="/submit" method="post">
  <input type="text" name="username">
  <input type="password" name="password">
  <input type="submit" value="Submit">
</form>

<script>
  var submitButton = document.getElementById("submitButton");
  submitButton.addEventListener("click", function() {
    var form = document.getElementById("myForm");
    form.submit();
  });
</script>