• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    使用jquery如何清空input中的內容

    html+jquery

    代碼編纂器:Dreamweaver CS5

    方式/步調

    1. 1

      新建一個html文件,定名為test.html,用于講解利用jquery若何清空input中的內容。

      b3b7d0a20cf431ada969775a4436acaf2edd981d.jpg
    2. 2

      在test.html文件內,引入jquery.min.js庫文件,當作功加載該文件,才能利用jquery中的方式。

      cb8065380cd79123cd5ba017a2345982b2b7801d.jpg
    3. 3

      在test.html文件內,利用input標簽建立一個文本框,并設置其id為myinput,本家兒要用于下面經由過程該id獲得input對象。

      d52a2834349b033b1ec7c8b91ace36d3d539bd01.jpg
    4. 4

      在test.html文件內,利用button標簽建立一個按鈕,按鈕名稱為“清空內容”。

      5ab5c9ea15ce36d39d8cb45335f33a87e850b1cc.jpg
    5. 5

      在test.html文件內,給button按鈕綁心猿意馬onclick點擊事務,當按鈕被點擊時,執行clearinput()函數。

      3bf33a87e950352a89b9116b5c43fbf2b3118bfc.jpg
    6. 6

      在js標簽中,建立clearinput()函數,在函數內,經由過程id(myinput)獲得input對象,利用val()清空input文本框的內容。

      e824b899a9014c08631e1fc6057b02087bf4f4af.jpg
    7. 7

      在瀏覽器打開test.html文件,在文本框輸入內容,點擊按鈕,查看實現的結果。

      d1160924ab18972b048e34a9e9cd7b899e510a18.jpg 377adab44aed2e738b32b24f8801a18b86d6fafd.jpg
    • 發表于 2019-12-08 21:04
    • 閱讀 ( 742 )
    • 分類:其他類型

    0 條評論

    請先 登錄 后評論
    admin
    admin

    0 篇文章

    作家榜 ?

    1. xiaonan123 189 文章
    2. 湯依妹兒 97 文章
    3. luogf229 46 文章
    4. jy02406749 45 文章
    5. 小凡 34 文章
    6. Daisy萌 32 文章
    7. 我的QQ3117863681 24 文章
    8. 華志健 23 文章

    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆