js触发onclick事件获取文本框中的值value
生活随笔
收集整理的這篇文章主要介紹了
js触发onclick事件获取文本框中的值value
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
1.首先我們創(chuàng)建一到兩個文本框 ，使用 <input >標簽
<!--創(chuàng)建文本框： type：類型， value：初始值，可以不設置 id：唯一性-->用戶名： <input type="text" value="admin" id="name">密 碼： <input type="text" value="123456" >? 2.接著我們創(chuàng)建script代碼，創(chuàng)建函數(shù)獲取文本框中的值，獲取值是通過文本框的id獲取的，使用到了<script> 標簽
<!--創(chuàng)建script--> <script type="text/javascript">/** 創(chuàng)建函數(shù)*/function onclickFun(){/*通過id獲取元素*/var user= document.getElementById("name")/*警示窗口*/alert("你好【"+user.value+"】，歡迎進入系統(tǒng)");}</script>3.全部代碼如下
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title> </head> <body> <div><!--創(chuàng)建文本框： type：類型， value：初始值，可以不設置 id：唯一性-->用戶名： <input type="text" value="admin" id="name">密 碼： <input type="text" value="123456" ><!--創(chuàng)建按鈕，單擊按鈕觸發(fā)事件執(zhí)行函數(shù)--><button onclick="onclickFun()"> 登錄</button> </div> </body> </html> <!--創(chuàng)建script--> <script type="text/javascript">/** 創(chuàng)建函數(shù)*/function onclickFun(){var user= document.getElementById("name")alert("你好【"+user.value+"】，歡迎進入系統(tǒng)");} </script>?
總結
以上是生活随笔為你收集整理的js触发onclick事件获取文本框中的值value的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 这份1658页的Java面试核心突击讲，
- 下一篇： 计算机在化学中的应用免费论文,计算机在化