JavaScript如何获得input元素value值

矫情吗；* 2022-08-07 12:47 157阅读 0赞

在页面中我们最常见的页面元素就是input了，但是我们如何用JavaScript得到网页input中输入的value值呢，其实很简单，方法也不止一种，据我总结比较常用的就是下面的两种方法，闲话不多说了，下面那就来看看我说的方法吧：   
方法一、

<html>  
     <head>  
     <script language="javascript">  
      function print(){  
       var a=myform.name.value;  
       alert(a);  
      }  
     </script>  
     </head>  
     <body>  
      <form name="myform">  
       <input type="text" name="name" id="nn" />  
       <input type="button" name="button" value="获取" onclick="print()" />  
      </form>    
     </body>  
    </html>

这是获取网页input值的方法之一，给from一个名字然后在JavaScript的地方就可以用form的名字来调用form表单里input元素的value属性可以得到值，并把值赋给a，最后用JavaScript的alert()打印方法打印出来。

方法二、

JS代码

<html>  
     <head>  
     <script language="javascript">  
      function print(){  
       var a=document.getElementById("nn").value;  
       alert(a);  
      }  
     </script>  
     </head>  
     <body>  
      <form>  
       <input type="text" name="name" id="nn" />  
       <input type="button" name="button" value="获取" onclick="print()" />  
      </form>    
     </body>  
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，157人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript 数组对象获得input输入框的值，并设置

HTML界面开发过程中遇到需要对多行的输入框的数值计算，然后设置某个HTML元素的值。（一）、通过JS代码增加一列，会重新计算总数。 1、input输入框定义数组name

约定不等于承诺〃/ 2022年08月18日 13:22/ 0 赞/ 189 阅读

相关 JavaScript如何获得input元素value值

在页面中我们最常见的页面元素就是input了，但是我们如何用JavaScript得到网页input中输入的value值呢，其实很简单，方法也不止一种，据我总结比较常用的就是下面

矫情吗；*/ 2022年08月07日 12:47/ 0 赞/ 158 阅读

相关 UE4 return value 获得单个值

这是一个很简单的事，可是不知道还不行，自己要查还花很多时间。 ![20160715163027538][] ![20160715163034944][] ![

妖狐艹你老母/ 2022年07月21日 12:29/ 0 赞/ 117 阅读

相关【javascript】值传递 pass by value

最近有一个需求,我们先看一个小的例子 var student = { name: 'Catherine', age: 19,

系统管理员/ 2022年06月01日 03:44/ 0 赞/ 133 阅读

相关 vue中获得input的值

原生 js 使用 getElementById 比较麻烦的地方需要为元素设置 id 设置 id 之后，无法复用，因为一个页面中不能存在两个相同的 id

悠悠/ 2022年05月24日 03:25/ 0 赞/ 195 阅读

相关 JavaScript 限制input 输入值

![在这里插入图片描述][20190428142233854.png] 1.只允许输入数字 <input name="username" type="te

矫情吗；*/ 2022年02月13日 17:13/ 0 赞/ 324 阅读

相关 HTML5 input元素所有type值

[link][] Img ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_

旧城等待，/ 2022年01月30日 07:11/ 0 赞/ 216 阅读

相关 uni-app获取input框的value值

<view class="contact-way"> <view class="title">联系人</view>

川长思鸟来/ 2021年11月17日 06:28/ 0 赞/ 1171 阅读

相关 uni-app 获取 input value 值

<template> <input type="text" v-model="search" :value="search" @input="message

古城微笑少年丶/ 2021年11月11日 08:22/ 0 赞/ 560 阅读

相关如何获取 JS 中的 input 的 value 值？

JS 如何获取 input 的 value 值？首先使用“querySelector()”获取到元素对象，只需要向该方法传入input的选择规则；

红太狼/ 2020年06月06日 17:21/ 0 赞/ 1211 阅读