HTML学习笔记-select与textarea标签

最新推荐文章于 2024-05-03 09:55:16 发布

少写代码少看论文多多睡觉

最新推荐文章于 2024-05-03 09:55:16 发布

阅读量248

点赞数

分类专栏： # HTML 文章标签： html 前端

本文链接：https://blog.csdn.net/qq_44653420/article/details/121716783

版权

HTML 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

本文介绍了HTML中的下拉列表<select>、<option>和<optgroup>标签用于创建城市选择器，以及如何使用textarea标签设置个人简介。展示了如何组织直辖市和省会城市的选项。同时关注了关键属性如rows和cols的运用。

摘要由CSDN通过智能技术生成

其他常用表单项标签

select 表示下拉列表标签与input标签常见属性相似
optgroup 表示下拉列表分组标签 label属性，设置分组名称
option 表示下拉列表项标签
textarea 表示文本域标签 rows 属性代表行数，cols属性代表列数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

    <!--
        下拉列表标签：<select>
        列表项标签：<option>
        列表项分组标签：<optgroup>  属性：label设置分组名称

        文本域标签：<textarea>

        属性：
            rows-行数
            cols-列数

    -->

    <form action = "#" method = "get" autocomplete="off">
        所在城市：<select name = "city">
            <option>---请选择城市---</option>
            <optgroup label = "直辖市">
                <option>上海</option>
                <option>北京</option>
            </optgroup>
        <optgroup label = "省会城市">
            <option>合肥</option>
            <option>南京</option>
        </optgroup>

    </select>

        <br/>


        个人介绍：<textarea name = "desc" rows = "5" cols = "20"></textarea>




        <button type = "submit">提交</button>
        <button type = "reset">重置</button>
    </form>




</body>
</html>