jQuery TextBox用法
阿新 • • 發佈:2018-08-15
div put utf-8 com 運行 分享 button doc 圖片
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>自我練習</title> <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script> <script> $(function(){ //綁定點擊事件 $(‘#b1‘).click(function(){ //alert(‘歡迎‘+$(‘#txt1‘).val()+‘瀏覽本網站‘); //獲取文本框內容並顯示歡迎內容 $(‘#p1‘).text(‘歡迎‘+$(‘#txt1‘).val()); }); }); </script> </head> <body> <p>用戶名:<input type="text" id="txt1"></p> <p>密碼:<input type="password" id="psd1"></p> <button id="b1">登錄</button> <p id="p1"></p> </body> </html>
運行結果:
jQuery TextBox用法