html之文本域和下拉列表

最新推荐文章于 2025-03-15 14:57:18 发布

潜龙卧湖

最新推荐文章于 2025-03-15 14:57:18 发布

阅读量1k

点赞数

分类专栏： html+html5 文章标签： html html5

本文链接：https://blog.youkuaiyun.com/weixin_44046450/article/details/107737126

版权

html+html5 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了HTML中用于用户输入的文本域及其使用代码，同时讲解了下拉列表的实现方法，并提供了相应的示例效果展示。

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

html之文本域和下拉列表

文本域代码：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
    </head>
    <body>
    留言板:
    <textarea> 请输入留言 </textarea>
    </body>
</html>

效果图：
在这里插入图片描述
下拉列表代码：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
    </head>
    <body>
      籍贯:
       <select>
       		<option>点击选择您的籍贯</option>
       		<option>北京</option>
       		<option>上海</option>
       		<option>广州</option>
       		<option selected="selected">星星</option>
       </select>
       <select>
       		<option>点击选择您的城市</option>
       		<option>海淀</option>
       		<option>昌平</option>
       		<option>通州</option>
       		<option>大兴</option>
       </select>
    </body>
</html>

效果图：
在这里插入图片描述