1. 程式人生 > 其它 >列表框文字域和檔案域

列表框文字域和檔案域

以上都是基於文字框input的,下面來學習一個不是基於input文字框的表單內容:文字域

列表框文字域和檔案域

<!--文字域
cols="50" rows="10"  文字域大小,可以拉動文字域進行調節
-->
<p> 反饋 : <br>
    <textarea name="textarea"  cols="50" rows="10"></textarea>
</p>

<!--檔案域 input type="file"
用來選擇本地檔案
-->
<p>
    <input type="file" name="files"/>
    <input type="button" value="上傳檔案" name="upload"/>
</p>

1. 文字域 textarea+tab

<!--文字域
cols="50" rows="10"  文字域大小,可以拉動文字域進行調節
-->
    
<p> 反饋 : <br>
    <textarea name="textarea"  cols="50" rows="10"></textarea>
</p>


需要注意的是:

  1. 文字域不是基於input文字框的

  2. 文字域可以通過設定cols列數和rows行數來設定文字域的大小,可以在生成頁面拖動調節文字域大小


2. 檔案域 input type="file"

<!--檔案域 input type="file"
用來選擇本地檔案
-->
<p>
    <input type="file" name="files"/>
    <input type="button" value="上傳檔案" name="upload"/>
</p>

需要注意的是:

  1. 檔案域是基於input文字框的

  2. 檔案域其實就是一個按鈕,點選後喚醒選擇本地檔案