js触发onclick事件获取文本框中的值value
生活随笔
收集整理的这篇文章主要介绍了
js触发onclick事件获取文本框中的值value
小编觉得挺不错的,现在分享给大家,帮大家做个参考.
1.首先我们创建一到两个文本框 ，使用 <input >标签
<!--创建文本框： type：类型， value：初始值，可以不设置 id：唯一性-->用户名： <input type="text" value="admin" id="name">密 码： <input type="text" value="123456" >2.接着我们创建script代码，创建函数获取文本框中的值，获取值是通过文本框的id获取的，使用到了<script> 标签
<!--创建script--> <script type="text/javascript">/** 创建函数*/function onclickFun(){/*通过id获取元素*/var user= document.getElementById("name")/*警示窗口*/alert("你好【"+user.value+"】，欢迎进入系统");}</script>3.全部代码如下
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title> </head> <body> <div><!--创建文本框： type：类型， value：初始值，可以不设置 id：唯一性-->用户名： <input type="text" value="admin" id="name">密 码： <input type="text" value="123456" ><!--创建按钮，单击按钮触发事件执行函数--><button onclick="onclickFun()"> 登录</button> </div> </body> </html> <!--创建script--> <script type="text/javascript">/** 创建函数*/function onclickFun(){var user= document.getElementById("name")alert("你好【"+user.value+"】，欢迎进入系统");} </script>
总结
以上是生活随笔为你收集整理的js触发onclick事件获取文本框中的值value的全部内容，希望文章能够帮你解决所遇到的问题。
- 上一篇： 这份1658页的Java面试核心突击讲，
- 下一篇： 计算机在化学中的应用免费论文,计算机在化