使用tivo/tview GoLang库时，如何获取表单输入框的实际值？

嘿，我来帮你搞定获取Name输入字段值的问题！下面是几种最常用的实现方式，覆盖了不同场景的需求：

先假设你的HTML输入框结构大概是这类常见写法：

<input type="text" name="username" id="name-input" placeholder="请输入你的名字">
<button onclick="getUserName()">获取名字</button>

1. 原生JavaScript实现 #

通过ID直接获取（最直观） #

如果输入框有id属性，直接定位元素后取value属性即可：

function getUserName() {
  const inputElement = document.getElementById('name-input');
  const userName = inputElement.value;
  console.log('用户输入的名字：', userName);
}

通过name属性获取 #

如果只有name属性没有id，可以用getElementsByName（注意返回的是类数组，要取第一个匹配元素）：

function getUserName() {
  const inputElements = document.getElementsByName('username');
  const userName = inputElements[0].value;
  console.log('用户输入的名字：', userName);
}

用querySelector灵活选择 #

支持CSS选择器语法，适配更复杂的页面结构：

function getUserName() {
  const inputElement = document.querySelector('input[name="username"]');
  const userName = inputElement.value;
  console.log('用户输入的名字：', userName);
}

2. jQuery实现（如果项目用了jQuery库） #

写法会更简洁，直接用选择器定位后调用val()方法：

function getUserName() {
  const userName = $('input[name="username"]').val();
  console.log('用户输入的名字：', userName);
}

3. 表单提交场景下获取 #

如果输入框在<form>标签内，提交时可以直接通过表单对象获取：

<form onsubmit="handleSubmit(event)">
  <input type="text" name="username" placeholder="请输入你的名字">
  <button type="submit">提交</button>
</form>

function handleSubmit(event) {
  event.preventDefault(); // 阻止表单默认跳转行为
  const userName = event.target.username.value;
  console.log('用户输入的名字：', userName);
}

核心逻辑其实很简单：不管用哪种方式，只要先定位到对应的输入框DOM元素，再通过value属性（原生JS）或val()方法（jQuery）就能拿到用户输入的内容啦。

内容的提问来源于stack exchange，提问作者Paco