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>