web学习||day4

最新推荐文章于 2025-08-26 11:11:34 发布

c+_不会

最新推荐文章于 2025-08-26 11:11:34 发布

阅读量151

点赞数 6

CC 4.0 BY-SA版权

文章标签：前端学习服务器

本文链接：https://blog.csdn.net/2303_79973545/article/details/137746671

本文介绍了HTML表单中的下拉选择<select>、文本区域<textarea>元素，以及它们在输入大量内容时的优势。文本域常用于多行文本输入，如留言板，而select用于选择项。同时提到表单元素需置于<form>中，并关注CSS在调整元素尺寸中的作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.下拉表单元素

 <form>
        <select>
            <option selected="selected">--请选择年份--</option>
            <option>2000</option>
            <option>2001</option>
            <option>2002</option>
        </select>
        <select>
            <option selected="selected">--请选择月份--</option>
            <option>1</option>
            <option>2</option>
            <option>3</option>
        </select>
        <select>
            <option selected="selected">--请选择日--</option>
            <option>11</option>
            <option>22</option>
            <option>33</option>
        </select>
    </form>

<option selected="selected"></option>默认选择

2.文本域元素

 留言：<textarea name="" id="" cols="30" rows="5"></textarea>

使用场景: 当用户输入内容较多的情况下，我们就不能使用文本框表单了，此时我们可以使用 <textarea> 标签。
在表单元素中，<textarea> 标签是用于定义多行文本输入的控件。
使用多行文本输入控件，可以输入更多的文字，该控件常见于留言板，评论。

cols=“每行中的字符数” ，rows=“显示的行数”，我们在实际开发中不会使用，都是用 CSS 来改变大小。

表单元素总结：

这三组（input,select,textarea）表单元素都应该包含在form表单域里面,并且有 name 属性.
有三个名字非常相似的标签:
(1) 表单域 form 使用场景: 提交区域内表单元素给后台服务器
(2) 文件域 file 是input type 属性值使用场景: 上传文件
(3) 文本域 textarea 使用场景: 可以输入多行文字, 比如留言板网站介绍等...
我们当前阶段不需要提交表单元素,所以我们只负责表单元素的外观形态即可.