input框里的onclick事件怎么获取input里的值

可以通过以下方式获取input框里的值：

1. 通过id获取input框元素，然后通过value属性获取输入的值。

HTML代码：

<input type="text" id="myInput">
<button onclick="getValue()">获取值</button>

JavaScript代码：

function getValue() {
  var inputVal = document.getElementById("myInput").value;
  console.log(inputVal);
}

2. 直接传递input元素引用到onclick函数中，然后通过value属性获取输入的值。

HTML代码：

<input type="text" id="myInput">
<button onclick="getValue(document.getElementById('myInput'))">获取值</button>

JavaScript代码：

function getValue(input) {
  var inputVal = input.value;
  console.log(inputVal);
}

以上两种方式都可以获取input框的值，具体选择哪种方式取决于你的实际需求。

相关问题

input框的icon的onclick事件

对于input框的icon的onclick事件，你可以使用以下方法来实现：

1. 首先，给input框的icon元素添加一个唯一的id属性，例如：

<input type="text" id="myInput">
<i id="myIcon" class="fa fa-search"></i>

2. 然后，在JavaScript中获取该icon元素，并为其添加onclick事件处理程序，例如：

var icon = document.getElementById("myIcon");
icon.onclick = function() {
  // 在这里添加你想要执行的代码
  console.log("Icon被点击了！");
};

在这个例子中，当点击该icon元素时，控制台会输出"Icon被点击了！"。你可以根据需要修改onclick事件的处理程序，执行你想要的操作。

注意：这里使用了Font Awesome图标库（类名为"fa fa-search"），你可以根据你使用的图标库进行相应的修改。

html中input的onclick事件

HTML中的input元素可以使用onclick事件来定义当用户单击该元素时要执行的JavaScript代码。例如，可以使用onclick事件来验证用户输入的数据或触发其他操作。以下是一个示例：

<input type="button" value="点击我" onclick="alert('你单击了按钮！')">

在这个示例中，当用户单击按钮时，会弹出一个警告框，显示“你单击了按钮！”的消息。