html怎么获取input的值,两种方法,实例在线编辑

获取input的值的两种方法

要获取HTML文档中表单空间input的值,从后端的技术考虑,可以通过发送到服务器的url的参数来获取,具体的方法要视对应的编程语言而定。如果是从前端的技术考虑,则可以通过JavaScript代码或jquery的代码来获取用户输入input的值。下面,将通过实例来进行具体讲解。


JavaScript原生代码获取input元素值实例,及在线编辑器

JS获取input的值可以通过JS获取DOM元素的方法来解决,比如通过id来获取:

<input type='text' id='inp'><button onclick='showValue()'>获取值</button>
<script>
  function showValue(){
    var value = document.getElementById('inp').value
    alert(value)
  }
</script>

jquery获取input值实例

<input type='text' id='i2'><button id='bt2'>获取值</button>

<script>
  $("#bt2").click(function(){
    var v = $('#i2').val();
    alert(v)
  })
</script>

全栈前端 / HTML教程 :


















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.