5. 參考資料

推薦書籍：

網站

web2.html 的小icon：

<img src="https://alldata.sgp1.digitaloceanspaces.com/images/external_link.png" class="icon_external">

web3.html 原始碼：

<!DOCTYPE html>
<html lang="zh-Hant" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
    <style>
      #file_input{
        border: 1px solid red;
        /* display: none; */
      }
      #file_name{
        border: 1px solid blue;
        display: inline-block;
        min-width: 50px;
        height: 18px;
      }
      #img_block{
        border: 1px solid black;
      }
      .small_width{
        width: 100px;
      }
    </style>
  </head>
  <body>

    <input type="file" id="file_input">
    <button type="button" id="choose_file">選取檔案</button>

    <div id="img_block">
      選擇的檔案：
      <span id="file_name"></span><br>
    </div>

    <script>

    </script>
  </body>
</html>

Previous4.9 this 關鍵字

Last updated 3 years ago