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

    如何用Visual Studio在網頁中制作輸入文本框

    用Visual Studio建造的網頁一般要有交互性,若是想在網頁中輸入文本,該怎么操作呢?筆者與大師分享一下小我的操作經驗。

    東西/原料

    • Visual Studio 2015

    方式/步調

    1. 1

      用Visual Studio打開一個已有的網頁,本例為TwoFish網站的Default.aspx網頁。

    2. 2

      起首,找到body標簽,如下圖所示。

    3. 3

      接著,找到div標簽,位置如下圖所示。

    4. 4

      代碼中,先界說輸入文本的框架,輸入文本的框架高和寬各為300像素。

    5. 5

      padding-top暗示輸入文本框與頂部的襯距,本例為25像素。

    6. 6

      margin-left和margin-right暗示輸入文本框與網頁左側和右側的距離,本例設置為auto即主動。

    7. 7

      接著,界說文本框的位置類型,本例設置為以左側為基準浮動。

    8. 8

      最后,界說輸入文本框的格局,如下圖所示。

    9. 9

      輸入文本框取名為INput,類型為文本。

    10. 10

      maxlength為設置的可以輸入的最多字數,本例設置為20個字符。

    11. 11

      文本框的邊框設置為無,高為30像素,寬為200像素。

    12. 12

      設置字體巨細為20號,字體顏色為藍色。

    13. 13

      在瀏覽器中預覽網頁,可以看到一個輸入文本框,操作者可以自由的輸入文字。

    注重事項

    • 作者聲明:本篇經驗系本人辛勤奮動的原創當作果,未經許可,回絕轉載。
    • 發表于 2018-04-29 00:00
    • 閱讀 ( 1113 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

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