一、列表框

<!-- 下拉框，列表框 -->
    <p>城市：
        <select name="城市">
            <option value="Guangzhou">广州</option>
            <option value="Shenzhen" selected>深圳</option>
            <option value="Shanghai">上海</option>
            <option value="Beijing">北京</option>
        </select>
    </p>

下拉框的标签是selsct，选项标签是option，value是提交信息后在提交网址表示返回值表示什么（最好全英文），选项名字写在option双标签之间。上面的代码中，我在其中一个选项里加入了selected，这表示该列表框的默认选项，即每次点开这表单网页这个选项都会默认勾选上。

小拓展：上一篇文章讲的单选框和多选框也可以添加类似的默认选项，只需在选项标签中加入checked代码即可

上面列表框代码显示效果如下图

---

二、文本域

<!-- 文本域
        cols="50" rows="10"
    -->
    <p>反馈：
        <textarea name="textarea" cols="50" rows="10">文本内容</textarea>
    </p>

文本域的代码标签是textarea，可以通过cols、rows设置文本域的大小，双标签之间输入文本域的内容。代码显示效果如下图

其中，鼠标按住文本域的方框右下角拖动可以调整其大小。

---

三、文件域

    <!-- 文件域 
    input type="file" name="files"
    -->
    <p>
        <input type="file" name="files">
        <input type="button" value="上传" name="upload">
    </p>

文件域的代码和前面的文本框等代码类似，都是input标签，type=“file”，一定要有name值（和前面一样），文本域可以用来选择提交文件，然后我们可以加一个button按钮来作为文件的提交按钮（但这个按钮在这里没有实际作用）

代码显示效果如下图

感谢您的观看，能和您一起学习是我最大的荣幸！

参考学习资料：列表框文本域和文件域——狂神说

下面是我的微信公众号，与csdn同步更新，有需要的朋友可以关注一波~