美文网首页
H5表单标签label和下拉表单

H5表单标签label和下拉表单

作者: 社会主义顶梁鹿 | 来源:发表于2020-06-16 15:20 被阅读0次

一、label标签

label标签用于绑定一个表单元素,当点击label标签内的文本时,浏览器会自动将焦点(光标)转到对应的表单元素上,增加用户体验

<label for="目标表单元素id"> </label>

二、select标签

1、<select>中至少包含一对<option>

2、在<option>中定义selected=“selected”时,当前项即为默认选中项

<form>

        <!-- label -->

        <label for="text">点击此处可输入:</label> <input type="text" id="text"> <br>

        <!-- 下拉表单元素 -->

        籍贯

        <select>

            <option>山东</option>

            <option>广西</option>

            <option selected="selected">北京</option>

        </select>

    </form>

相关文章

  • H5表单标签label和下拉表单

    一、label标签 label标签用于绑定一个表单元素,当点击label标签内的文本时,浏览器会自动将焦点(光标)...

  • 前端开发 二

    新窗口打开页面的黑魔法 特殊字符 列表 表格 表单 label 标签 下拉列表 html5 新增标签

  • H5前端开发学习笔记——0x06表单标签

    本节大纲 课时44表单标签-input(掌握) 课时45表单标签-按钮(掌握) 课时46Label标签(掌握) 课...

  • HTML和CSS

    表单标签 表单标签(下拉菜单和多行文本域) 空白标签 认识css css选择器 伪类选择器

  • HTML基础二笔记(二)

    一、表单补充: 1.Lable标签可以让标签文本点击的时候让label指向的标签表单标签获得焦点。 使用for属性...

  • day22 常用标签和CSS

    01表单标签(input) 02表单标签(下拉和多行文本域) 03空白标签 04 认识CSS 05CSS选择器 0...

  • HTML 表单之label标签介绍

    转自:HTML 表单之label标签介绍label标签介绍label标签为input元素定义标注(标记),它不会向...

  • 表单(注册登录信息页面)

    组成:表单域(提示文本、表单) 1、 2、label标签 例子: 输入账号: 作用:用于绑定一个表单元素,当点击...

  • HTML标签之表单标签

    1 : 表单标签: 表单是一个包含表单元素的区域。表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选...

  • Day2 常用标签和css

    01.表单标签 02.表单标签(下拉和多行文本域) 03.空白标签 04.认识css 05.css选择器 06.伪...

网友评论

      本文标题:H5表单标签label和下拉表单

      本文链接:https://www.haomeiwen.com/subject/nyclxktx.html