html中的下拉列表标签 - select

最新推荐文章于 2024-09-10 13:54:44 发布

menglong0329

最新推荐文章于 2024-09-10 13:54:44 发布

阅读量9.4k

点赞数 5

分类专栏：网页开发学习文章标签： html5

本文链接：https://blog.csdn.net/menglong0329/article/details/104782860

版权

网页开发学习专栏收录该内容

34 篇文章 4 订阅

订阅专栏

<body>
<!-- select 下拉列表标签 -->
<!-- select 里面的每一项用 option 表示，select是选择，option是选项，select和ul/ol/dl一样都是组标签 -->
<!-- 属性：
        1. multiple 可以对下拉列表中的选项进行多选，没有属性值
        2. size="3" 如果属性值大于1，则为滚动视图，默认属性值为1，即下拉列表 
-->
<select multiple size="2">
    <!-- option 选项 -->
    <!-- 属性：
            1. selected 预选中 没有属性值
    -->
    <option>下拉列表条目1</option>
    <option selected>下拉列表条目2</option>
    <option>下拉列表条目3</option>
</select>


<br>
<!-- textarea 多行文本输入框 text就是文本，area就是区域 -->
<!-- 属性：
        1. value 提交给服务器的值
        2. rows="4" 指定文本的行数
        3. cols="3" 指定文本区域的列数
        4. readonly 只读
-->
<!-- textarea是一个标签对 标签对儿里不用任何东西，如果写的话就是这个框的默认文字 -->
<textarea rows="4" cols="20">这是一个S陈上档次部署到</textarea>


<br>
<!-- 表单的语义化 比如用户注册时，有一部分是必填的，有一部分是不必填的，这时候就可以用表单的语义化来实现 -->
<form>
    <!-- fieldset元素 将表单进行分组 -->
    <fieldset>
        <!-- legend定义此分组的名称 -->
        <legend>必填信息</legend>
        姓名：<input type="text" value="请输入姓名 必填">
        <br>
        性别：<input type="text" value="请输入性别 必填">
    </fieldset>
    <fieldset>
        <!-- legend定义此分组的名称 -->
        <legend>其它信息</legend>
        QQ号：<input type="text">
        <br>
        微信：<input type="text">
    </fieldset>
</form>


<br>
<!-- lable标签 -->
<form>
    <!-- 单选 我们发现只有在点击小圆圈的时候 才能选中此项 那么lable标签就派上了用场，让其点击条目中的文字时也可以选中此项 -->
    <!-- 除了单选元素有lable标签外，多选也有，所有表单元素都有lable标签 -->
    <input type="radio" name="sex" id="nan" checked> <label for="nan">男</label>
    <input type="radio" name="sex" id="nv"> <label for="nv">女</label>
</form>
</body>