1. 程式人生 > >jQuery TextBox用法

jQuery TextBox用法

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用法