精华内容
下载资源
问答
  • HTML label控件

    2018-04-12 21:41:03
    因此, label控件可以优雅地扩大表单元素的点击区域,能够改善表单的易用性和可访问性。比如,单纯的复选框,用户要点击那个小方框才能进行选择。由于这个点击区域本身很小,用户很难点击到合适的位置。如果使用 ...

    label控件

    顾名思义,label控件用来为每个表单元素添加有意义的描述,并且,单击它将导致相关联的表单元素获得焦点。因此, label控件可以优雅地扩大表单元素的点击区域,能够改善表单的易用性和可访问性。

    比如,单纯的复选框,用户要点击那个小方框才能进行选择。由于这个点击区域本身很小,用户很难点击到合适的位置。如果使用 label 元素,用户就可以单击 label 元素来操作复选框,可以大大提升表单的可访问性和可用性。

    label控件图3-3 label控件

    将 label控件与表单控件关联起来非常容易,并且有两种方式来实现:

    一种是隐式关联,即把表单控件放在 label控件中,让 label控件包含表单控件,两个控件便会自动关联:

    1. <label><input type="checkbox" value="1"/>10天内自动登录</label>

    另一种是显式关联,即把 label控件 for 属性的值,设置为所要关联的表单控件的 id,两个控件就被显式地关联起来:

    1. <input id="agree" type="checkbox" value="1"/>
    2. <label for="agree">10天内自动登录</label>

    显式关联对提升表单的可用性和可访问性都有帮助,假如访问者与标签有交互(如使用鼠标点击了标签),与之对应的表单控件就会获得焦点。

    这种关联还可以让屏幕阅读器将文本标签与相应的控件一起念出来,这对不了解表单字段含义的视觉障碍用户来说是多么重要。因此,强烈建议在 label 元素中包含 for 属性。

    说明:

    在提升表单的可用性和可访问性方面,除了使用 label控件来扩大表单元素的点击区域,还可以通过 accesskey属性,为表单元素设置快捷键(不区分大小写)。这样的话,就可以通过键盘操作,让表单元素获得焦点,更加方便。如:

    1. <input id="agree" accesskey="a" type="checkbox" value="1"/>
    2. <label for="agree">10天内自动登录</label>

    这样一来,当用通过鼠标户点击这个 label控件,或在键盘上同时按下 alt + a 键,都可以让 id="agree" 的文本输入控件获得焦点。

    需要注意的是,accessKey属性所设置的快捷键,不能与浏览器的快捷键冲突,否则将优先激活浏览器的快捷键。

    如果在CSS中,为 label 指定cursor: pointer;,当访问者指向标签时,就会显示为手形,而不是默认的箭头,就会提示用户这是一个可以操作的元素,也能提升表单的可用性和可访问性。

    关于作者

    歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》,并全部在 GitHub 上开源。

    版权声明:本文出自 歪脖网 的《HTML宝典》,欢迎在线阅读,并提出宝贵意见。

    展开全文
  • 文章目录表单标签表单的组成表单域常用属性:表单控件元素(表单元素)input表单元素label标签表单控件(表单元素)select表单元素textarea表单元素表单元素几个总结点 表单标签 为什么需要表单? 使用表单目的是为了...

    表单标签

    为什么需要表单?
    使用表单目的为了收集用户信息。

    在我们网页中,我们需要跟用户进行交互,收集用户资料,此时就需要表单。

    表单的组成

    在HTML中,一个完整的表单通常由表单域、表单控件(也称为表单元素)提示信息3个部分构成。

    表单域

    表单域是一个包含 表单元素的区域。

    在HTML标签中,<from>标签用于定义表单域,以实现用户收集和传递。

    <form>会把它的范围内的表单元素信息提交给服务器。

    <form action="url地址" method="提交方式" name="表单域名称">
         各种表单元素控件
    </form>
    

    常用属性:

    属性 属性值 作用
    action url地址 用于指定接受并处理表单数据的服务器程序的url地址。
    method get/post 用于设置表单数据处理的提交方式,其取值为get或post
    name 名称 用于指定表单的名称,以区分同一个页面的多个表单域。

    表单控件元素(表单元素)

    input表单元素

    在因为单词中,input 是输入的意思,而在表单元素中 <input>标签用于收集用户信息
    <input>标签中,包含一个 type 属性,根据不同的 type 属性值,输入字段拥有很多形式(可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等)。
    i

     <input type="属性值" />
    

    <input /> 标签为单标签

    type属性设置不同的属性值用来指定不同的控件类型。

    type属性的属性值及其描述如下:

    属性值 描述
    button 定义可点击 按钮(多数情况下,用于通过JavaScript 启动脚本)。
    checkbox 定义 复选框。
    file 定义输入 字段 和 “浏览”,供文件上传。
    hidden 定义隐藏的输入字段。
    image 定义图像形式的提交按钮。
    password 定义密码字段。该字段中的文字被掩码
    radio 定义单选按钮。
    reset 定义重置按钮。重置按钮会清除表单中的所有数据。
    submit 定义提交按钮。提交按钮会把表单数据发送到服务器。
    text 定义单行的输入字段,用户可以在其中输入文本。默认宽度为20个字符。

    除type属性之外,<inupt>标签还有其他很多属性,其常用属性如下:

    属性 属性值 描述
    name 由用户自定义 定义 input 元素的名称。
    value 由用户自定义 规定 input 元素的值
    checked checked 规定 input 元素首次加载时应当被选中。
    maxlength 正整数

    1.name 和 value 是每个表单元素都有的属性值,主要共后台人员使用。
    2.name 表单元素的名字,要求 单选按钮和复选框要有相同的值
    3.checked属性主要针对单选按钮复选框,主要作用一打开页面,就要可以默认选中某个表单元素。
    4.maxlength是用户可以在表单元素输入的最大字符数,一般比较少使用。

    有些表单元素想刚打开页面就默认显示几个文字怎么做?
    答:可以给这些表单元素设置 value 属性= “值”

    用户名 : <input type="text" value="请输入用户名">
    

    页面中的表单元素很多,如何区别不同的表单元素?

    答: name 属性: 当前 input 表单的名字,后台可以通过这个 name 属性找到这个表单。页面中的表单很多,name 的主要作用就是用于区别不同的表单,

     用户名 : <input type="text" value="请输入用户名" name="username">
    

    name 属性后面的值,是自定义的
    radio (或者 checkbox)如果是一组,我们必须给他们相同的名字

    <input type="radio" name="sex" /><input type="radio" name="sex" />

    如果页面一打开就让某个单选按钮或者复选框是选中状态?
    答:checked 属性:表示默认选中的状态。用于单选按钮和复选按钮。

    性 别:
        <input type="radio" name="sex" value="" checked="checked" /><input type="radio" name="sex" value="" />

    如何让 input 表单元素展示不同的形态? 比如单选按钮或者文本框

    答 :type属性:type属性可以让 input 表单元素设置不同的形态。

    性 别:
        <input type="radio" name="sex" value="" checked="checked" /><input type="text" value="请输入用户名" />
    

    label标签

    <label>标签为 input 元素定义标注 (标签)

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

    语法:

     <label for="sex"></label>
     <input type="radio" name="sex" id="sex" />
    

    核心:<label> 标签的 for 属性 应当与相关元素的 id 属性相同。

    表单控件(表单元素)

    在表单域中可以定义各种表单元素,这些元素就是允许用户在表单输入或者选择的内容控件。

    select表单元素

    使用场景:在页面中,如果有多个选项让用户选择,并且想要节约时间时,我们可以使用 <select> 标签控件定义下拉列表

    语法:

     籍贯:
        <select>
            <option>广东</option>
            <option>江西</option>
            <option>山东</option>
        </select>
    

    1.在<select>中至少要包含一对 <option>
    2.在<option>中定义 selected = "selected"时,当前项即为默认选中项。
    例子:

       <select>
            <option>广东</option>
            <option selected="selected">江西</option>
            <option>山东</option>
        </select>
    

    textarea表单元素

    使用场景:当用户输入内容较多的情况下,我们就不能使用文本框表单了,此时我们可以使用 <textarea>标签。

    在表单元素中,<textarea>标签是用于定义多行文本输入的控件

    使用多行文本输入控件,可以输入更多的文字,该控件常见于留言板,评论。

    语法:

     <textarea id="" cols="30" rows="10">
          文本内容
      </textarea>
    

    1.通过<textarea> 标签可以轻松地创建多行文本输入框。

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

    表单元素几个总结点

    1.表单元素我们学习了三大组 input 输入表单元素 , select 下拉表单元素, textarea 文本域表单元素

    2.这三组表单元素都应该包含在 from 表单域 里面,并且有 name 属性

        <form>
            用户名:
            <input type="text" name="username"><br/>
            籍贯:
            <select name="jiangxi">
                <option>北京</option>
                <option>江西</option>
                <option>长沙</option>
            </select><br/>
            <textarea name="message" cols="30" rows="10">请输入内容</textarea>
        </form>
    

    3.有三个名字非常相似的标签:

    名字 属性 使用场景
    表单域 from 提交区域内表单元素给后台服务器。
    文件域 file,是 input type 属性值 上传文件
    文本域 textarea 可以输入多行文字,比如留言板 网站介绍等 。。。

    4.当前阶段不需要提交表单元格,只负责表单元素的外管形态。

    展开全文
  • Label控件拥有属性AssociatedControlID,可以设置此属性来指向表示表单字段ASP.NET控件。 例如,代码清单2-3中页面含有一个简单的表单,表单包含两个字段用于输入名和姓。Label控件用于标注这两个TextBox控件。 ...

    可以使用Label控件来标注一个HTML表单字段。Label控件拥有属性AssociatedControlID,可以设置此属性来指向表示表单字段的ASP.NET控件。

    例如,代码清单2-3中的页面含有一个简单的表单,表单包含两个字段用于输入名和姓。Label控件用于标注这两个TextBox控件。

     

    ContractedBlock.gifExpandedBlockStart.gifCode
    <%@ Page Language="C#" %>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
    >
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
        
    <title>Label Form</title>
    </head>
    <body>
        
    <form id="form1" runat="server">
        
    <div>
            
    <asp:Label ID="lblFirstName" Text="First Name:" AssociatedControlID="txtFirstName"
                runat
    ="server" />
            
    <br />
            
    <asp:TextBox ID="txtFirstName" runat="server" />
            
    <br />
            
    <br />
            
    <asp:Label ID="lblLastName" Text="Last Name:" AssociatedControlID="txtLastName" runat="server" />
            
    <br />
            
    <asp:TextBox ID="txtLastName" runat="server" />
        
    </div>
        
    </form>
    </body>
    </html>

     

     

    为Label控件提供AssociatedControlID属性后,Label控件将呈现成HTML <label>标签而不是HTML <span>标签。在浏览器中选择查看源代码,可以看到代码清单2-3中的第一个Label控件在浏览器中生成下面这样的内容:

    <label for="txtFirstName" id="lblFirstName">First Name:</label>

    始终使用带有AssociatedControlID属性的Label控件来标注表单字段,对于残障人士能够访问网站很重要。如果有人使用的是像读屏器这样的辅助设备来与网站交互,AssociatedControlID属性将帮助辅助设备正确地把标签和表单字段关联起来。

    使用AssociatedControlID属性的另一个好处是,当点击标签时,自动把表单焦点设置为关联的表单输入框。

    注解: Web标  WCAG 1.0和508辅助功能手册都要求使用<label for>标签来标注表单字段。更多信息请访问http://www.w3.org/wai和http://www.Section508.gov

    摘自《ASP.NET 2.0揭秘》

    转载于:https://www.cnblogs.com/joe-yang/archive/2008/08/19/1270936.html

    展开全文
  • 比如下面 效果图 中 “账号输入项”:背景白色,左侧 Label控件,右侧 TextBox控件。当然它还有一些变种:背景是透明,下面有条白线。 为了和 “UI 控件” 名字区分,我们约定将几个 “UI 控件” 组合统称为 ...

    ▪ 前言

    WPF 内置了丰富的 UI 控件,但是他们都是独立。在实际的开发中,我们经常需要将几个 UI 控件组合起来用。

    比如下面 效果图 中的 “账号输入项”:背景白色,左侧 Label控件,右侧 TextBox控件。当然它还有一些变种:背景是透明的,下面有条白线。

    为了和 “UI 控件” 名字区分,我们约定将几个 “UI 控件” 组合的统称为 “表单控件项

    ▪ 效果图

    在这里插入图片描述

    ▪ 原始实现

    白色背景的 表单控件项(账号输入项)实现代码:
    <DockPanel Width="360" Height="35" Background="#FFFFFFFF">
        <Label Width="70" VerticalContentAlignment="Center" HorizontalContentAlignment="Center" DockPanel.Dock="Left">账号:</Label>
        <TextBox x:Name="uiUsername" VerticalContentAlignment="Center" BorderThickness="0"></TextBox>
    </DockPanel>
    
    透明背景的 表单控件项(账号输入项)实现代码:
    <DockPanel Width="360" Height="35" Background="{x:Null}">
        <Label Width="70" BorderBrush="White" BorderThickness="0,0,0,1" VerticalContentAlignment="Center" HorizontalContentAlignment="Center" DockPanel.Dock="Left" Foreground="#FFFFFFFF">账号:</Label>
        <TextBox x:Name="uiUsername" BorderBrush="White" BorderThickness="0,0,0,1" VerticalContentAlignment="Center" Background="{x:Null}" Foreground="#FFFFFFFF" CaretBrush="#FFFFFFFF"></TextBox>
    </DockPanel>
    

    上次代码使用了 DockPanel 容器控件,并设置其内的 Label 控件属性 DockPanel.Dock="Left",这样做的主要好处就是 TextBox 空间宽度可以自适应填满整个 DockPanel 的剩余宽度空间

    ▪ 优化实现

    原始实现,一个 表单控件项 的实现需要4行代码(每个控件里还有大量的属性设置)。当软件里只有一两个 表单控件项 的时候还可以,但是如果有大量的这些 表单控件项,那么将非常不利于维护。OK,接下来我们将利用 StyleControlTemplate 来优化上述的代码,看看优化后实现上述两个效果的代码:

    白色背景的 表单控件项(账号输入项)实现代码:
    <TextBox x:Name="uiUsername" Tag="账号:" Width="360" Height="35" Style="{StaticResource styleFormcItemLTB}" Background="White"></TextBox>
    
    透明背景的 表单控件项(账号输入项)实现代码:
    <TextBox x:Name="uiUsername" Tag="账号:" Text="{Binding username}" Style="{StaticResource styleFormcItemLTB}" Width="365" Height="35" BorderBrush="White" CaretBrush="White" BorderThickness="0,0,0,1" Foreground="#FFFFFFFF"></TextBox>
    

    只用一行代码我们就实现了上述功能,相比 原始实现 简单了很多。那我们是如何做到的呢?主要功劳还是 Style="{StaticResource styleFormcItemLTB}" 这一句,下面我们最为核心的 styleFormcItemLTB 样式资源的实现代码:

    <!-- 表单控件项:Label + TextBox -->
    <Style x:Key="styleFormcItemLTB" TargetType="{x:Type TextBox}">
        <Setter Property="BorderThickness" Value="0"></Setter>
        <Setter Property="VerticalContentAlignment" Value="Center"></Setter>
    
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type TextBox}">
                    <DockPanel Width="{TemplateBinding Width}" Height="{TemplateBinding Height}" Background="{TemplateBinding Background}">
                        <Label Width="70" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{x:Null}" Foreground="{TemplateBinding Foreground}" VerticalContentAlignment="Center" HorizontalContentAlignment="Center" Content="{TemplateBinding Tag}" DockPanel.Dock="Left"></Label>
                        <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{x:Null}">
                            <ScrollViewer x:Name="PART_ContentHost" Foreground="{TemplateBinding Foreground}"></ScrollViewer>
                        </Border>
                    </DockPanel>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    

    其实原理很简单,就是把 原始实现 的代码稍作一些修改然后移植到 StyleControlTemplate 中,然后通过 {TemplateBinding ...} 继承 TextBox 的一些属性。

    以样式 styleFormcItemLTB 作为基础,通过继承 TextBox 控件里的自定义样式属性值自动设置 表单控件项 内各个控件属性,快速的构建出 表单控件项

    这里有个知识点需要注意,代码:

    <ScrollViewer x:Name="PART_ContentHost" Foreground="{TemplateBinding Foreground}"></ScrollViewer>
    

    ControlTemplate 中我们使用了上述代码,这段代码初学者这可能一下子理解不了。但是如果你把它移除了,你会发现运行软件是输入框没有了,那说明这段代码负责呈现一个输入框的,那能不能直接把它替换为:

    <TextBox Foreground="{TemplateBinding Foreground}"><TextBox>
    

    尝试了一下,替换以后可以正常显示输入框,但是在 cs 文件中我们发现无法通过 uiUsername.Text 获取到输入框中的值;很明显,这个代码只实现了展示效果,没有实现一个控件的逻辑,<TextBox Foreground="{TemplateBinding Foreground}"><TextBox> 生成了一个新的 TextBox 控件,没有和 <TextBox x:Name="uiUsername" ... 关联。

    通过上面的尝试,我们基本可以确定 <ScrollViewer x:Name="PART_ContentHost" ... 是生成了一个和 <TextBox x:Name="uiUsername" 关联 TextBox,因为你可以在 cs 文件中通过 uiUsername.Text 设置和获取控件的值。

    ▪ 原理说明

    为什么<ScrollViewer x:Name="PART_ContentHost" ... 是生成了一个和 <TextBox x:Name="uiUsername" 关联呢?这其中最为核心的就是 x:Name="PART_ContentHost" 这句话。

    我们知道WPF控件是不用有固定形状的,我们可以通过 Style 来任意改变它的具体表现。
    但是,控件本身具有特定的逻辑和作用:比如一个按钮,应该是可以点击的;一个输入框控件,应该是可以输入的。
    这里就存在了一个矛盾:如果可以任意改变控件的具体表现,那么如何保证它特有的逻辑和作用呢?

    答案就是 WPF 控件的 “部件” 概念。简单的说,就是你可以任意改变我,但是要提供我期待的部件,否则我的逻辑和作用就不能得到保证。如果阅读 TextBoxBase 的 MSDN 参考(TextBox 继承于 TextBoxBase),你会看到如下的特性:

    [TemplatePartAttribute(Name = "PART_ContentHost", Type = typeof(FrameworkElement))]
    [LocalizabilityAttribute(LocalizationCategory.Text)]
    public abstract class TextBoxBase : Control
    

    上述代码引用自 https://msdn.microsoft.com/zh-cn/library/system.windows.controls.primitives.textboxbase

    该特性表明 TextBoxBase 控件期待你提供一个名字叫 PART_ContentHost 的部件,该部件必须是 FrameworkElement。而 TextBoxBase 将会把具体的 TextView 和 TextEditor 放到 PART_ContentHost 里面。

    而能设置 x:Name="PART_ContentHost" 的只有 DecoratorScrollViewer 元素,所以下面的代码就会出错:

    // 提示错误:只有 Decorator 或 ScrollViewer 元素可以用作 PART_ContentHost
    <Label x:Name="PART_ContentHost" Foreground="{TemplateBinding Foreground}"></Label>
    

    不使用 因为这个该元素不支持 Foreground 属性值

    经过测试 也支持 x:Name="PART_ContentHost",不过其不支持 Foreground 属性值

    ▪ 潜在问题

    上述的代码设计中,我们采用了 TextBox 关联 styleFormcLTB 样式,然后在 TextBox 里设置样式属性值,styleFormcLTB 通过集成这些属性值快速构建出 表单控件项

    后来在使用过程中这种方式会导致 TextBox 禁用状态下时样式无法改变(默认变灰),就算在 styleFormcLTB 设置了 Trigger IsEnabled 也无法改变样式。就感觉 TextBox 控件里的样式属性值优先级高于 styleFormcLTB 里的属性值,优先级低的无法改变优先高级的属性值,没有办法只能基于 styleFormcLTB 样式类在按需做出其他样式类了,重构的代码如下:

    白色背景的 表单控件项(账号输入项)实现代码:
    <TextBox x:Name="uiUsername" Tag="账号:" Width="360" Height="35" Style="{StaticResource styleFormcItemLTB10}"></TextBox>
    
    透明背景的 表单控件项(账号输入项)实现代码:
    <TextBox x:Name="uiUsername" Tag="账号:" Text="{Binding username}" Style="{StaticResource styleFormcItemLTB01}"></TextBox>
    
    <Style x:Key="styleFormcItemLTB01" BasedOn="{StaticResource styleFormcItemLTB}" TargetType="{x:Type TextBox}">
        <Setter Property="Background" Value="{x:Null}"></Setter>
        <Setter Property="CaretBrush" Value="White"></Setter>
        <Setter Property="Foreground" Value="White"></Setter>
        <Setter Property="BorderBrush" Value="White"></Setter>
        <Setter Property="BorderThickness" Value="0,0,0,1"></Setter>
    </Style>
    
    <Style x:Key="styleFormcItemLTB10" BasedOn="{StaticResource styleFormcItemLTB}" TargetType="{x:Type TextBox}">
        <Setter Property="Background" Value="White"></Setter>
        <Style.Triggers>
            <Trigger Property="IsEnabled" Value="False">
                <Setter Property="Background" Value="#FFF0F0F0"></Setter>
                <Setter Property="Foreground" Value="#FF666666"></Setter>
            </Trigger>
        </Style.Triggers>
    </Style>
    

    styleFormcItemLTB01 中的首位 0 表示没有背景,末尾 1 表示没有背景情况下一种样式(下划线),当然也可以自定义 00、02、03、04 …

    styleFormcItemLTB10 中的首位 1 表示白色背景,末尾 0 表示白色背景下的一种样式,当然也可以自定义 01、02、03、04 …

    展开全文
  • 一个完整的表单通常由表单控件(也称为表单元素).提示信息和表单域3个部分构成. 表单控件: 包含了具体的表单功能项.如单行文本输入框.密码输入框.复选框.提交按钮.重置按钮等. 提示信息: 一个表单中通常还需要...
  • 表单表单控件

    2019-06-25 20:17:49
    表单的作用 表单控件(表单元素),提示信息,表单域。 input控件 input是个单标签 Type可以改变input的类型 单选按钮,同一组使用相同的name属性 复选框,也是同一组使用相同的name Checked = “checked” 默认...
  • ...lt;label&gt; 标签为 input 元素定义标签(我称...就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。 &lt;label&gt; 标签 for 属性应当与相关元素 id 属性相同。 ...
  • 表单标签 作用:1.为了收集用户信息。 ...表单域:相当于一个容器,用来容纳所有的表单控件和提示信息,可以通过他定义处理表单数据所用程序url地址,以及数据提交到服务器方法。如果不定义表单
  • 表单中经常会出现单选按钮,也就是,但我们是否有注意到自己所写单选按钮,能否在点击文字时候进行选中切换。 其实这里面包含了一点点小窍门,也就是我们标签 标签为input元素定义标记...label表单控件联系...
  • form表单的label标签

    2019-09-26 19:03:17
    form表单的label标签 小伙伴们,你们在前面学习表单各种控件的时候,有没有发现一个标签--label,这一小节就来揭晓它的作用。 label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你...
  • uniapp表单label的作用

    千次阅读 2020-02-26 17:45:15
    用来改进表单组件可用性,使用for属性找到对应id,或者将控件放在该标签下,当点击时就会触发对应的控件 for优先级高于内部控件,内部有多个控件的时候默认触发第一个控件。 目前可以绑定的控件有: ...
  • form表单的label标签的作用

    千次阅读 2018-09-20 11:48:48
    就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上 (就自动选中和该label标签相关连的表单控件上) 注意:标签 for 属性中值应当与相关控件的 id 属性值一定要相同。 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 821
精华内容 328
热门标签
关键字:

表单的label控件