精华内容
下载资源
问答
  • HTML所有标签及其属性汇总

    千次阅读 多人点赞 2018-09-15 19:31:56
    Z 和 其它标签 html 全局属性 A ➔ E &amp...

    【注意】由于文章很长,所以当我们点击某个目录,跳转到对应的位置后,这个目录下的内容会以一个单独的页面呈现,也就是说如果我们想回到初始页面,需要点击一下浏览器的返回按钮,但由于CSDN缓存的问题,在我们点击返回按钮后,页面可能并没有变化,这时需要我们手动刷新一下网页才能回到初始页面

    A ➔ B

    属性描述属性链接
    charsetchar_encoding( H5 不支持 )规定目标 URL 的字符编码菜鸟教程
    w3school
    coordscoordinates( H5 不支持 )规定链接的坐标。菜鸟教程
    w3school
    download( H5 新增 )filename指定下载链接菜鸟教程
    w3school
    hrefURL规定链接的目标 URL。菜鸟教程
    w3school
    hreflanglanguage_code规定被链接文档的语言。仅在 href 属性存在时使用。菜鸟教程
    w3school
    mediamedia_query规定目标 URL 的媒介类型。默认值:all。仅在 href 属性存在时使用。(菜鸟)

    规定被链接文档是为何种媒介/设备优化的。(w3school)
    菜鸟教程
    w3school
    namesection_name( H5 不支持 )规定锚的名称。菜鸟教程
    w3school
    relalternate
    author
    bookmark
    help
    license
    next
    nofollow
    noreferrer
    prefetch
    prev
    search
    tag
    规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。菜鸟教程
    w3school
    revtext( H5 不支持 )规定目标 URL 与当前文档之间的关系。菜鸟教程
    w3school
    shapedefault
    rect
    circle
    poly
    ( H5 不支持 )规定链接的形状菜鸟教程
    w3school
    target_blank
    _parent
    _self
    _top
    framename
    规定在何处打开目标 URL。仅在 href 属性存在时使用。菜鸟教程
    w3school
    type( H5 新增 )MIME_type规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。
    注:MIME = Multipurpose Internet Mail Extensions。
    菜鸟教程
    w3school
    属性描述属性链接
    全局属性//全局属性
    • <acronym></acronym> 菜鸟教程 w3school(H5 不支持,请使用<abbr></abbr>标签代替,以下属性可以在 HTML 4.01 中使用)
    属性描述属性链接
    classclassname规定元素的类名全局属性
    dirrtl
    ltr
    规定元素中内容的文本方向全局属性
    idid规定元素的唯一 id全局属性
    langlanguage_code规定元素中内容的语言代码全局属性
    stylestyle_definition规定元素的行内样式全局属性
    titletext规定元素的额外信息全局属性
    xml:langlanguage_code规定 XHTML 文档中元素内容的语言代码全局属性

    注:以上列出的七个属性都是全局属性,按理说全局属性是适用于所有标签的,但在菜鸟教程和 w3school 中都没有列出所有的全局属性,因此对于此标签是否支持其它的全局属性,请在具体情境中验证,后面也有这样的情况,就不一一说明了

    属性描述属性链接
    全局属性//全局属性
    • <applet></applet> 菜鸟教程 w3school(H5 不支持此标签,请使用<object></object>标签代替,HTML 4.01 中不赞成使用 <applet>)
    属性描述属性链接
    code( 必需的属性 )URL规定 Java applet 的文件名菜鸟教程(无)
    w3school(无)
    object( 必需的属性 )name规定了包含该 applet 的一系列版本的资源名称菜鸟教程(无)
    w3school(无)
    alignleft
    right
    top
    bottom
    middle
    baseline
    texttop
    absmiddle
    absbottom
    规定 applet 相对于周围元素的对齐方式菜鸟教程(无)
    w3school(无)
    alttext规定 applet 的替换文本菜鸟教程(无)
    w3school(无)
    archiveURL规定档案文件的位置菜鸟教程(无)
    w3school(无)
    codebaseURL规定 code 属性中指定的 applet 的基准 URL菜鸟教程(无)
    w3school(无)
    heightpixels规定 applet 的高度菜鸟教程(无)
    w3school(无)
    hspacepixels定义围绕 applet 的水平间隔菜鸟教程(无)
    w3school(无)
    namename定义 applet 的名称(用在脚本中的)菜鸟教程(无)
    w3school(无)
    vspacepixels定义围绕 applet 的垂直间隔菜鸟教程(无)
    w3school(无)
    widthpixels规定 applet 的宽度菜鸟教程(无)
    w3school(无)
    属性描述属性链接
    alt( 必需的属性 )text规定区域的替代文本。如果使用 href 属性,则该属性是必需的菜鸟教程
    w3school
    coords坐标值定义可点击区域(对鼠标敏感的区域)的坐标菜鸟教程
    w3school
    hrefURL规定区域的目标 URL菜鸟教程
    w3school
    hreflang( H5 新增 )language_code规定目标 URL 的语言菜鸟教程
    w3school未收录此属性
    media( H5 新增 )media query规定目标 URL 是为何种媒介/设备优化的。默认:all菜鸟教程
    w3school未收录此属性
    nohrefvalue( H5 不支持 )规定没有相关链接的区域;
    从图像映射排除某个区域
    菜鸟教程
    w3school
    rel( H5 新增 )alternate
    author
    bookmark
    help
    license
    next
    nofollow
    noreferrer
    prefetch
    prev
    search
    tag
    规定当前文档与目标 URL 之间的关系菜鸟教程
    w3school未收录此属性
    shapedefault
    rect
    circle
    poly
    规定区域的形状菜鸟教程
    w3school
    target_blank
    _parent
    _self
    _top
    framename
    规定在何处打开目标 URL菜鸟教程
    w3school
    type( H5 新增 )MIME_type规定目标 URL 的 MIME 类型。
    注:MIME = Multipurpose Internet Mail Extensions
    菜鸟教程
    w3school未收录此属性
    属性描述属性链接
    全局属性//全局属性
    属性描述属性链接
    全局属性//全局属性
    属性描述属性链接
    autoplay( H5 新增 )autoplay如果出现该属性,则音频在就绪后马上播放菜鸟教程
    w3school
    controls( H5 新增 )controls如果出现该属性,则向用户显示音频控件(比如播放/暂停按钮)菜鸟教程
    w3school
    loop( H5 新增 )loop如果出现该属性,则每当音频结束时重新开始播放菜鸟教程
    w3school
    muted( H5 新增 )muted如果出现该属性,则音频输出为静音菜鸟教程
    w3school
    preload( H5 新增 )auto
    metadata
    none
    如果出现该属性,则音频在页面加载时进行加载,并预备播放。如果使用 “autoplay”,则忽略该属性菜鸟教程
    w3school
    src( H5 新增 )URL规定音频文件的 URL菜鸟教程
    w3school
    属性描述属性链接
    全局属性//全局属性
    属性描述属性链接
    href(必需的属性)URL规定页面中所有相对链接的基准 URL菜鸟教程
    w3school
    target_blank
    _parent
    _self
    _top
    framename
    规定页面中所有的超链接和表单在何处打开。
    该属性会被每个链接中的 target 属性覆盖
    菜鸟教程
    w3school
    • <basefont> 菜鸟教程 w3school( H5 不支持<basefont>标签,请用 CSS 代替;在 HTML 4.01 中,已不赞成使用;只有 IE 9 和更早版本的 IE 浏览器支持此标签)
    属性描述属性链接
    colorrgb(x,x,x)
    #xxxxxx
    colorname
    H5 不支持。HTML 4.01 已废弃,请使用样式取代它。 规定文档中文本的默认颜色菜鸟教程
    w3school
    facefont_familyH5 不支持。HTML 4.01 已废弃,请使用样式取代它。 规定文档中文本的默认字体菜鸟教程
    w3school
    sizenumberH5 不支持。HTML 4.01 已废弃,请使用样式取代它。 规定文档中文本的默认大小菜鸟教程
    w3school
    属性描述属性链接
    全局属性//全局属性
    w3school中列出了一个常用的全局属性dir
    属性描述属性链接
    dir(菜鸟:必需)ltr
    rtl
    必需。规定此元素内的文本方向菜鸟教程
    w3school(无)
    属性描述属性链接
    全局属性//全局属性
    属性描述属性链接
    citeURL规定引用的来源菜鸟教程
    w3school
    • <body></body> 菜鸟教程 w3school( 所有属性 H5 都已不支持,HTML 4.01 已不赞成使用,请使用样式取代)
    属性描述属性链接
    alinkrgb(x,x,x)
    #xxxxxx
    colorname
    H5 不支持。 HTML 4.01 已废弃,请使用样式取代。 规定文档中活动链接的颜色菜鸟教程
    w3school
    backgroundURLH5 不支持。 HTML 4.01 已废弃,请使用样式取代。 规定文档的背景图像菜鸟教程
    w3school
    bgcolorrgb(x,x,x)
    #xxxxxx
    colorname
    H5 不支持。 HTML 4.01 已废弃,请使用样式取代。 规定文档的背景颜色菜鸟教程
    w3school
    linkrgb(x,x,x)
    #xxxxxx
    colorname
    H5 不支持。 HTML 4.01 已废弃,请使用样式取代。 规定文档中未访问链接的默认颜色菜鸟教程
    w3school
    textrgb(x,x,x)
    #xxxxxx
    colorname
    H5 不支持。 HTML 4.01 已废弃,请使用样式取代。 规定文档中所有文本的颜色菜鸟教程
    w3school
    vlinkrgb(x,x,x)
    #xxxxxx
    colorname
    H5 不支持。 HTML 4.01 已废弃,请使用样式取代。 规定文档中已被访问链接的颜色菜鸟教程
    w3school
    属性描述属性链接
    全局属性//全局属性
    • <button></button> 菜鸟教程 w3school如果在 HTML 表单中使用此标签,不同的浏览器可能会提交不同的按钮值,因此请使用 <input> 标签在 HTML 表单中创建按钮
    属性描述属性链接
    autofocus( H5 新增 )autofocus规定当页面加载时按钮应当自动地获得焦点菜鸟教程
    w3school
    disableddisabled规定应该禁用该按钮菜鸟教程
    w3school
    form( H5 新增 )form_id规定按钮属于一个或多个表单菜鸟教程
    w3school
    formaction( H5 新增 )URL规定当提交表单时向何处发送表单数据。覆盖 form 元素的 action 属性。该属性与 type="submit" 配合使用菜鸟教程
    w3school
    formenctype( H5 新增 )application/x-www-form-urlencoded

    multipart/form-data

    text/plain
    规定在向服务器发送表单数据之前如何对其进行编码。覆盖 form 元素的 enctype 属性。该属性与 type="submit" 配合使用菜鸟教程
    w3school
    formmethod( H5 新增 )get
    post
    规定用于发送表单数据的 HTTP 方法。覆盖 form 元素的 method 属性。该属性与 type="submit" 配合使用菜鸟教程
    w3school
    formnovalidate( H5 新增 )formnovalidate如果使用该属性,则提交表单时不进行验证。覆盖 form 元素的 novalidate 属性。该属性与 type="submit" 配合使用菜鸟教程
    w3school
    formtarget( H5 新增 )_blank
    _self
    _parent
    _top
    framename
    规定在何处打开 action URL。覆盖 form 元素的 target 属性。该属性与 type="submit" 配合使用菜鸟教程
    w3school
    namename规定按钮的名称菜鸟教程
    w3school
    typebutton
    reset
    submit
    规定按钮的类型菜鸟教程
    w3school
    valuetext规定按钮的初始值。可由脚本进行修改菜鸟教程
    w3school

    C ➔ E

    属性描述属性链接
    heightpixels规定画布的高度菜鸟教程
    w3school
    widthpixels规定画布的宽度菜鸟教程
    w3school
    • <caption></caption> 菜鸟教程 w3school( align属性 H5 已不支持,HTML 4.01 已不赞成使用,请使用样式取代)
    属性描述属性链接
    alignleft
    right
    top
    bottom
    H5 不支持。 HTML 4.01 已废弃,请使用样式取代。 定义标题的对齐方式菜鸟教程
    w3school
    • <center></center> 菜鸟教程 w3school( H5 不支持<center>标签,HTML 4.01 已不赞成使用,请使用样式替代)
    属性描述属性链接
    全局属性//全局属性
    属性描述属性链接
    全局属性//全局属性
    属性描述属性链接
    全局属性//全局属性
    属性描述属性链接
    alignleft
    right
    center
    justify
    char
    H5 不支持。规定与<col>元素相关的内容的水平对齐方式菜鸟教程
    w3school
    charcharacterH5 不支持。规定根据哪个字符来对齐与<col>元素相关的内容菜鸟教程
    w3school
    charoffnumberH5 不支持。规定第一个对齐字符的偏移量菜鸟教程
    w3school
    spannumber规定<col>元素应该横跨的列数菜鸟教程
    w3school
    valigntop
    middle
    bottom
    baseline
    H5 不支持。规定与<col>元素相关的内容的垂直对齐方式菜鸟教程
    w3school
    width%
    pixels
    relative_length
    H5 不支持。规定<col>元素的宽度菜鸟教程
    w3school
    属性描述属性链接
    alignleft
    right
    center
    justify
    char
    H5 不支持。规定在列组合中内容的水平对齐方式菜鸟教程
    w3school
    charcharacterH5 不支持。规定根据哪个字符来对齐列组中的内容。菜鸟教程
    w3school
    charoffnumberH5 不支持。规定第一个对齐字符的偏移量菜鸟教程
    w3school
    spannumber规定列组应该横跨的列数菜鸟教程
    w3school
    valigntop
    middle
    bottom
    baseline
    H5 不支持。定义在列组合中内容的垂直对齐方式菜鸟教程
    w3school
    widthpixels
    %
    relative_length
    H5 不支持。规定列组合的宽度菜鸟教程
    w3school
    • <command></command> 菜鸟教程 w3school(是 H5 中的新标签,但只有 Internet Explorer 9 (更早或更晚的版本都不支持)支持此标签)
    属性描述属性链接
    checked( H5 新增 )checked规定当页面加载时,command 是否被选中。仅用于 radio 或 checkbox 类型菜鸟教程
    w3school
    disabled( H5 新增 )disabled规定 command 是否可用菜鸟教程
    w3school
    icon( H5 新增 )URL规定作为 command 来显示的图像的 URL菜鸟教程
    w3school
    label( H5 新增 )text必需。规定 command 的名字,对用户可见。菜鸟教程
    w3school
    radiogroup( H5 新增 )groupname规定可进行切换且将被切换的 command 所属的组名。仅在类型为 radio 时使用菜鸟教程
    w3school
    type( H5 新增 )checkbox
    command
    radio
    定义 command 的类型。默认是 "command"。菜鸟教程
    w3school
    属性描述属性链接
    全局属性//全局属性
    属性描述属性链接
    全局属性//全局属性
    属性描述属性链接
    citeURL规定一个解释了文本被删除的原因的文档的 URL菜鸟教程
    w3school
    datetimeYYYY-MM-DDThh:mm:ssTZD规定文本被删除的日期和时间菜鸟教程
    w3school
    • <details></details> 菜鸟教程 w3school(H5新标签,只有 Chrome 和 Safari 6 支持此标签)
    属性描述属性链接
    open( H5 新增 )open规定 details 是否可见菜鸟教程
    w3school
    属性描述属性链接
    全局属性//全局属性
    • <dialog></dialog> 菜鸟教程 w3school(H5 新标签,但只有 Chrome 和 Safari 6 支持此标签)
    属性描述属性链接
    open( H5 新增 )open规定 dialog 元素是有效的,用户可以与它进行交互菜鸟教程
    w3school
    • <dir></dir> 菜鸟教程 w3school( H5 不支持,HTML 4.01 已不赞成使用,请使用样式代替)
    属性描述属性链接
    compactcompactH5 不支持。 HTML 4.01 已废弃,请使用样式取代。 规定列表必须比常规状态小一号呈现菜鸟教程
    w3school
    属性描述属性链接
    alignleft
    right
    center
    justify
    H5 不支持。 HTML 4.01 已废弃,请使用样式取代。 规定此元素中的内容的对齐方式菜鸟教程
    w3school
    属性描述属性链接
    全局属性//全局属性
    属性描述属性链接
    全局属性//全局属性
    属性描述属性链接
    全局属性//全局属性
    属性描述属性链接
    height( H5 新增 )pixels规定嵌入内容的高度菜鸟教程
    w3school
    src( H5 新增 )URL规定被嵌入内容的 URL菜鸟教程
    w3school
    type( H5 新增 )MIME_type定义嵌入内容的类型菜鸟教程
    w3school
    width( H5 新增 )pixels规定嵌入内容的宽度菜鸟教程
    w3school

    F ➔ K

    属性描述属性链接
    disabled( H5 新增 )disabled规定应该禁用 fieldset菜鸟教程
    w3school
    form( H5 新增 )form_id规定 fieldset 所属的一个或多个表单菜鸟教程
    w3school
    name( H5 新增 )text规定 fieldset 的名称菜鸟教程
    w3school
    • <figcaption></figcaption> 菜鸟教程 w3school( H5 中的新标签,IE 8 或更早版本的 IE 浏览器不支持此标签)
    属性描述属性链接
    全局属性//全局属性
    • <figure></figure> 菜鸟教程 w3school( H5 中的新标签,IE 8 或更早版本的 IE 浏览器不支持此标签)
    属性描述属性链接
    全局属性//全局属性
    • <font></font> 菜鸟教程 w3school( H5 中不支持,HTML 4.01 已不赞成使用,请使用样式代替)
    属性描述属性链接
    colorrgb(x,x,x)
    #xxxxxx
    colorname
    H5 不支持。 HTML 4.01 已废弃,请使用样式取代。 规定文本的颜色菜鸟教程
    w3school
    facefont_familyH5 不支持。 HTML 4.01 已废弃,请使用样式取代。 规定文本的字体菜鸟教程
    w3school
    sizenumberH5 不支持。 HTML 4.01 已废弃,请使用样式取代。 规定文本的尺寸菜鸟教程
    w3school
    • <footer></footer> 菜鸟教程 w3school( H5 中的新标签,IE 8 或更早版本的 IE 浏览器不支持此标签)
    属性描述属性链接
    全局属性//全局属性
    属性描述属性链接
    acceptMIME_typeH5 不支持。规定服务器接收到的文件的类型。(文件是通过文件上传提交的)菜鸟教程
    w3school(无)
    accept-charsetcharacter_set规定服务器可处理的表单数据字符集菜鸟教程
    w3school
    actionURL规定当提交表单时向何处发送表单数据菜鸟教程
    w3school
    autocomplete(H5 新增)on
    off
    规定是否启用表单的自动完成功能菜鸟教程
    w3school
    enctypeapplication/x-www-form-urlencoded

    multipart/form-data

    text/plain
    规定在向服务器发送表单数据之前如何对其进行编码。(适用于 method="post" 的情况)菜鸟教程
    w3school
    methodget
    post
    规定用于发送表单数据的 HTTP 方法菜鸟教程
    w3school
    nametext规定表单的名称菜鸟教程
    w3school
    novalidate(H5 新增)novalidate如果使用该属性,则提交表单时不进行验证菜鸟教程
    w3school
    target_blank
    _self
    _parent
    _top
    规定在何处打开 action URL菜鸟教程
    w3school
    属性描述属性链接
    frameborder0
    1
    H5 不支持。规定是否显示框架周围的边框菜鸟教程
    w3school
    longdescURLH5 不支持。规定一个包含有关框架内容的长描述的页面。菜鸟教程
    w3school
    marginheightpixelsH5 不支持。规定框架的上方和下方的边距。菜鸟教程
    w3school
    marginwidthpixelsH5 不支持。规定框架的左侧和右侧的边距。菜鸟教程
    w3school
    namenameH5 不支持。规定框架的名称。菜鸟教程
    w3school
    noresizenoresizeH5 不支持。规定无法调整框架的大小。菜鸟教程
    w3school
    scrollingyes
    no
    auto
    H5 不支持。规定是否在框架中显示滚动条。菜鸟教程
    w3school
    srcURLH5 不支持。规定在框架中显示的文档的 URL菜鸟教程
    w3school
    属性描述属性链接
    colspixels
    %
    *
    H5 不支持。规定框架集中列的数目和尺寸菜鸟教程
    w3school
    rowspixels
    %
    *
    H5 不支持。规定框架集中行的数目和尺寸菜鸟教程
    w3school
    属性描述属性链接
    alignleft
    center
    right
    justify
    H5 不支持。 HTML 4.01 已废弃,请使用样式取代。 规定标题中文本的排列菜鸟教程
    w3school
    属性描述属性链接
    profileURLH5 不支持。 规定文档 URL 的一系列规则。这些规则能被浏览器识别并且准确读取<meta>标签的内容属性中的信息。菜鸟教程(无)
    w3school(无)
    属性描述属性链接
    全局属性//全局属性
    属性描述属性链接
    全局属性//全局属性
    • <hr> 菜鸟教程 w3school( 下面列出的所有属性,H5 都已不支持,HTML 4.01 中已不赞成使用,请使用样式代替)
    属性描述属性链接
    alignleft
    center
    right
    H5 不支持。 HTML 4.01 已废弃,请使用样式取代。 规定<hr>元素的对齐方式菜鸟教程
    w3school
    noshadenoshadeH5 不支持。 HTML 4.01 已废弃,请使用样式取代。 规定<hr>元素的颜色呈现为纯色。菜鸟教程
    w3school
    sizepixelsH5 不支持。 HTML 4.01 已废弃,请使用样式取代。 规定<hr>元素的高度菜鸟教程
    w3school
    widthpixels
    %
    H5 不支持。 HTML 4.01 已废弃,请使用样式取代。 规定<hr>元素的宽度菜鸟教程
    w3school
    属性描述属性链接
    manifest(H5 新增)URL定义一个 URL,在这个 URL 上描述了文档的缓存信息。菜鸟教程
    w3school(无)
    xmlnshttp://www.w3.org/1999/xhtmlHTML 不支持。只有 XHTML 支持。 规定 XML 的 namespace 属性(如果您需要您的内容符合 XHTML,则使用这个属性。)。菜鸟教程
    w3school
    属性描述属性链接
    全局属性//全局属性
    属性描述属性链接
    alignleft
    right
    top
    middle
    bottom
    H5 不支持。 HTML 4.01 已废弃,请使用样式取代。 规定如何根据周围的元素来对齐 <iframe>菜鸟教程
    w3school
    frameborder1
    0
    H5 不支持。 规定是否显示 <iframe> 周围的边框菜鸟教程
    w3school
    heightpixels规定 <iframe> 的高度。菜鸟教程
    w3school
    longdescURLH5 不支持。 规定一个页面,该页面包含了有关 <iframe> 的较长描述菜鸟教程
    w3school
    marginheightpixelsH5 不支持。 规定 <iframe> 的顶部和底部的边距。菜鸟教程
    w3school
    marginwidthpixelsH5 不支持。 规定 <iframe> 的左侧和右侧的边距。菜鸟教程
    w3school
    namename规定 <iframe> 的名称菜鸟教程
    w3school
    sandbox(H5 新增)""

    allow-forms

    allow-same-origin

    allow-scripts

    allow-top-navigation
    对 <iframe> 的内容定义一系列额外的限制菜鸟教程
    w3school
    scrollingyes
    no
    auto
    H5 不支持。 规定是否在 <iframe> 中显示滚动条菜鸟教程
    w3school
    seamless(H5 新增)seamless规定 <iframe> 看起来像是父文档中的一部分。菜鸟教程
    w3school
    srcURL规定在 <iframe> 中显示的文档的 URL菜鸟教程
    w3school
    srcdoc(H5 新增)HTML_code规定页面中的 HTML 内容显示在 <iframe> 中菜鸟教程
    w3school
    widthpixels规定 <iframe> 的宽度菜鸟教程
    w3school
    属性描述属性链接
    aligntop
    bottom
    middle
    left
    right
    H5 不支持。 HTML 4.01 已废弃。 规定如何根据周围的文本来排列图像菜鸟教程
    w3school
    alt(必需)text规定图像的替代文本菜鸟教程
    w3school
    borderpixelsH5 不支持。 HTML 4.01 已废弃。 规定图像周围的边框。菜鸟教程
    w3school
    crossorigin(H5 新增)anonymous

    use-credentials
    设置图像的跨域属性菜鸟教程(无)
    w3school未收录此属性
    heightpixels规定图像的高度。菜鸟教程
    w3school
    hspacepixelsH5 不支持。 HTML 4.01 已废弃。 规定图像左侧和右侧的空白。菜鸟教程
    w3school
    ismapURL将图像规定为服务器端图像映射。菜鸟教程
    w3school
    longdescURLH5 不支持。 HTML 4.01 已废弃。 指向包含长的图像描述文档的 URL。菜鸟教程
    w3school
    src(必需)URL规定显示图像的 URL。菜鸟教程
    w3school
    usemapURL将图像定义为客户器端图像映射。菜鸟教程
    w3school
    vspacepixelsH5 不支持。 HTML 4.01 已废弃。 规定图像顶部和底部的空白。菜鸟教程
    w3school
    widthpixels规定图像的宽度。菜鸟教程
    w3school
    属性描述属性链接
    acceptaudio/* video/* image/* MIME_type规定通过文件上传来提交的文件的类型。 (只针对 type = "file" )菜鸟教程
    w3school
    alignleft
    right
    top
    middle
    bottom
    H5 不支持。 HTML 4.01 已废弃,请使用样式取代。 规定图像输入的对齐方式。 (只针对 type = "image" )菜鸟教程
    w3school
    alttext定义图像输入的替代文本。 (只针对 type = "image" )菜鸟教程
    w3school
    autocomplete(H5 新增)on
    off
    autocomplete 属性规定 <input> 元素输入字段是否应该启用自动完成功能。菜鸟教程
    w3school
    autofocus(H5 新增)autofocus属性规定当页面加载时 <input> 元素应该自动获得焦点菜鸟教程
    w3school
    checkedcheckedchecked 属性规定在页面加载时应该被预先选定的 <input> 元素。 (只针对 type = "checkbox" 或者 type = "radio" )菜鸟教程
    w3school
    disableddisableddisabled 属性规定应该禁用的 <input> 元素。菜鸟教程
    w3school
    form(H5 新增)form_idform 属性规定 <input> 元素所属的一个或多个表单。菜鸟教程
    w3school
    formaction(H5 新增)URL属性规定当表单提交时处理输入控件的文件的 URL。(只针对 type = "submit" 和 type = "image" )菜鸟教程
    w3school
    formenctype(H5 新增)application/x-www-form-urlencoded

    multipart/form-data text/plain
    属性规定当表单数据提交到服务器时如何编码(只适合 type ="submit" 和 type = "image" )。菜鸟教程
    w3school
    formmethod(H5 新增)get
    post
    定义发送表单数据到 action URL 的 HTTP 方法。 (只适合 type = "submit" 和 type = "image" )菜鸟教程
    w3school
    formnovalidate(H5 新增)formnovalidateformnovalidate 属性覆盖 <form> 元素的 novalidate 属性。菜鸟教程
    w3school
    formtarget(H5 新增)_blank
    _self
    _parent
    _top
    framename
    规定表示提交表单后在哪里显示接收到响应的名称或关键词。(只适合 type = "submit" 和 type = "image" )菜鸟教程
    w3school
    height(H5 新增)pixels
    %
    规定 <input> 元素的高度。(只针对 type = "image" )菜鸟教程
    w3school
    list(H5 新增)datalist-id属性引用 <datalist> 元素,其中包含 <input> 元素的预定义选项。菜鸟教程
    w3school
    max(H5 新增)number
    date
    属性规定 <input> 元素的最大值。请与 "min" 属性配合使用,来创建合法值的范围菜鸟教程
    w3school
    maxlengthnumber属性规定 <input> 元素中允许的最大字符数。菜鸟教程
    w3school
    min(H5 新增)number
    date
    属性规定 <input> 元素的最小值。请与 "max" 属性配合使用,来创建合法值的范围。菜鸟教程
    w3school
    multiple(H5 新增)multiple属性规定允许用户输入到 <input> 元素的多个值。菜鸟教程
    w3school
    nametextname 属性规定 <input> 元素的名称。菜鸟教程
    w3school
    pattern(H5 新增)regexppattern 属性规定用于验证 <input> 元素的值的正则表达式。菜鸟教程
    w3school
    placeholder(H5 新增)textplaceholder 属性规定可描述输入 <input> 字段预期值的简短的提示信息。菜鸟教程
    w3school
    readonlyreadonlyreadonly 属性规定输入字段是只读的。菜鸟教程
    w3school
    required(H5 新增)required属性规定必需在提交表单之前填写输入字段。菜鸟教程
    w3school
    sizenumber_of_charsize 属性规定以字符数计的 <input> 元素的可见宽度。菜鸟教程
    w3school
    srcURLsrc 属性规定显示为提交按钮的图像的 URL。 (只针对 type = "image" )菜鸟教程
    w3school
    step(H5 新增)numberstep 属性规定 <input> 元素的合法数字间隔。菜鸟教程
    w3school
    typebutton
    checkbox
    color
    date
    datetime
    datetime-local
    email
    file
    hidden
    image
    month
    number
    password
    radio
    range
    reset
    search
    submit
    tel
    text
    time
    url
    week
    type 属性规定要显示的 <input> 元素的类型。菜鸟教程
    w3school
    valuetext指定 <input> 元素 value 的值菜鸟教程
    w3school
    width(H5 新增)pixels
    %
    width 属性规定 元素的宽度。 (只针对 type = "image" )菜鸟教程
    w3school
    属性描述属性链接
    citeURL规定一个文档的 URL,该文档解释了文本被插入的原因。菜鸟教程
    w3school
    datetimeYYYY-MM-DDThh:mm:ssTZD规定文本被插入的日期和时间。菜鸟教程
    w3school
    • <kbd></kbd> 菜鸟教程 w3school(菜鸟教程:此标签已废弃,不推荐使用,但是可以通过CSS实现丰富的效果)
    属性描述属性链接
    全局属性//全局属性
    • <keygen> 菜鸟教程 w3school( H5 新增标签。菜鸟教程:该标签在新的 Web 标准中已废弃)
    属性描述属性链接
    autofocus(H5 新增)autofocus使 <keygen> 字段在页面加载时获得焦点菜鸟教程
    w3school
    challenge(H5 新增)challenge如果使用,则将 keygen 的值设置为在提交时询问。菜鸟教程(无)
    w3school(无)
    disabled(H5 新增)disabled禁用 <keygen> 元素字段。菜鸟教程
    w3school
    form(H5 新增)form_id定义该 <keygen> 字段所属的一个或多个表单。菜鸟教程
    w3school
    keytype(H5 新增)rsa
    dsa
    ec
    定义密钥的安全算法。菜鸟教程
    w3school
    name(H5 新增)name定义 <keygen> 元素的唯一名称。 name 属性用于在提交表单时搜集字段的值。菜鸟教程
    w3school

    L ➔ O

    属性描述属性链接
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    属性描述属性链接
    菜鸟教程
    w3school
    属性描述属性链接
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    属性描述属性链接
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    • <main></main> w3school( H5 中的新标签)
    属性描述属性链接
    菜鸟教程(无)
    w3school(无)
    属性描述属性链接
    id( w3school 指出:id 属性是必需的,并且写了 id 就必须写 name )

    菜鸟中没有给出 id 这个属性,但菜鸟中指出:在 H5 中, 如果 id 属性在<map>标签中指定, 则你必须同样指定 name 属性
    unique_name为 map 标签定义唯一的名称菜鸟教程(无)
    w3school(无)
    name

    (对于此属性,菜鸟中说的是必需,w3school 中说的是可选)
    mapname为 image-map 规定的名称菜鸟教程
    w3school
    属性描述属性链接
    菜鸟教程(无)
    w3school(无)
    • <menu></menu> 菜鸟教程 w3school(目前所有主流浏览器都不支持此标签,H5 重新定义了此标签,HTML 4.01 已不赞成使用)
    属性描述属性链接
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    • <menuitem></menuitem> w3school( H5 中的新标签,以下所有属性只在 w3school 中列出,菜鸟中连这个标签都没有收录)
    属性描述属性链接
    菜鸟教程(无)
    w3school(无)
    菜鸟教程(无)
    w3school(无)
    菜鸟教程(无)
    w3school(无)
    菜鸟教程(无)
    w3school(无)
    菜鸟教程(无)
    w3school(无)
    菜鸟教程(无)
    w3school(无)
    菜鸟教程(无)
    w3school(无)
    菜鸟教程(无)
    w3school(无)
    属性描述属性链接
    charset( H5 新增 )
    此属性 w3school 中没有收录
    character_set定义文档的字符编码菜鸟教程
    w3school(无)
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    属性描述属性链接
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    属性描述属性链接
    菜鸟教程(无)
    w3school(无)
    属性描述属性链接
    菜鸟教程(无)
    w3school(无)
    属性描述属性链接
    菜鸟教程(无)
    w3school(无)
    属性描述属性链接
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    属性描述属性链接
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    属性描述属性链接
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    属性描述属性链接
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    属性描述属性链接
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school

    P ➔ S

    属性描述属性链接
    菜鸟教程
    w3school
    属性描述属性链接
    菜鸟教程
    w3school(无)
    菜鸟教程(无)
    w3school(无)
    菜鸟教程
    w3school(无)
    菜鸟教程(无)
    w3school(无)
    属性描述属性链接
    菜鸟教程
    w3school(无)
    属性描述属性链接
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    属性描述属性链接
    菜鸟教程
    w3school
    属性描述属性链接
    菜鸟教程(无)
    w3school(无)
    属性描述属性链接
    菜鸟教程(无)
    w3school(无)
    属性描述属性链接
    菜鸟教程(无)
    w3school(无)
    • <s></s> 菜鸟教程 w3school( H5 重新定义了此标签,请使用<del></del>替代它;HTML 4.01 中已不赞成使用<s>标签)
    属性描述属性链接
    菜鸟教程(无)
    w3school(无)
    属性描述属性链接
    菜鸟教程(无)
    w3school(无)
    属性描述属性链接
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    xml:spacepreserveH5 不支持。规定是否保留代码中的空白。菜鸟教程(无)
    w3school(无)
    属性描述属性链接
    cite( H5 新增)
    菜鸟没有列出此属性
    URLsection 的 URL,假如 section 摘自 web 的话。菜鸟教程(无)
    w3school(无)
    属性描述属性链接
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    属性描述属性链接
    菜鸟教程(无)
    w3school(无)
    属性描述属性链接
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    属性描述属性链接
    菜鸟教程(无)
    w3school(无)
    • <strike></strike> 菜鸟教程 w3school( H5 不支持此标签,请用<del></del>标签代替,HTML 4.01 已不赞成使用)
    属性描述属性链接
    菜鸟教程(无)
    w3school(无)
    属性描述属性链接
    菜鸟教程(无)
    w3school(无)
    属性描述属性链接
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    属性描述属性链接
    菜鸟教程(无)
    w3school(无)
    • <summary></summary> 菜鸟教程 w3school( H5 中的新标签,只有 Chrome 和 Safari 6 支持此标签)
    属性描述属性链接
    菜鸟教程(无)
    w3school(无)
    属性描述属性链接
    菜鸟教程(无)
    w3school(无)

    T ➔ Z 和 其它标签

    属性描述属性链接
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    • <tbody></tbody> 菜鸟教程 w3school( 在 H5 中,不再支持 HTML 4.01 中此标签的任何属性)
    属性描述属性链接
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    属性描述属性链接
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    属性描述属性链接
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    • <tfoot></tfoot> 菜鸟教程 w3school( 在 H5 中,不再支持 HTML 4.01 中此标签的任何属性)
    属性描述属性链接
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    属性描述属性链接
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    • <thead></thead> 菜鸟教程 w3school( 在 H5 中,不再支持 HTML 4.01 中此标签的任何属性)
    属性描述属性链接
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    属性描述属性链接
    菜鸟教程
    w3school
    菜鸟教程(无)
    w3school
    属性描述属性链接
    菜鸟教程(无)
    w3school(无)
    • <tr></tr> 菜鸟教程 w3school( 在 H5 中,不再支持 HTML 4.01 中此标签的任何属性)
    属性描述属性链接
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    属性描述属性链接
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    • <tt></tt> 菜鸟教程 w3school( H5 不支持此标签。HTML 4.01 支持此标签,以下所有属性,w3school 中均未收录)
    属性描述属性链接
    菜鸟教程(无)
    w3school(无)
    菜鸟教程(无)
    w3school(无)
    菜鸟教程(无)
    w3school(无)
    菜鸟教程(无)
    w3school(无)
    菜鸟教程(无)
    w3school(无)
    菜鸟教程(无)
    w3school(无)
    菜鸟教程(无)
    w3school(无)
    属性描述属性链接
    菜鸟教程(无)
    w3school(无)
    属性描述属性链接
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    属性描述属性链接
    菜鸟教程(无)
    w3school(无)
    属性描述属性链接
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    菜鸟教程
    w3school
    属性描述属性链接
    菜鸟教程(无)
    w3school(无)

    - <!- -    - -> 菜鸟教程 w3school

    属性描述属性链接
    菜鸟教程(无)
    w3school(无)
    属性描述属性链接
    菜鸟教程(无)
    w3school(无)

    HTML 全局属性(可用于任何 HTML 元素)

    属性属性链接
    accesskey设置访问元素的键盘快捷键。菜鸟教程
    w3school
    class规定元素的一个或多个类名菜鸟教程
    w3school
    contenteditable( H5 新增 )规定是否可编辑元素的内容菜鸟教程
    w3school
    contextmenu( H5 新增 )指定一个元素的上下文菜单。当用户右击该元素,出现上下文菜单菜鸟教程
    w3school
    data-*( H5 新增 )用于存储页面的自定义数据菜鸟教程
    w3school
    dir设置元素中内容的文本方向。菜鸟教程
    w3school
    draggable( H5 新增 )指定某个元素是否可以拖动菜鸟教程
    w3school
    dropzone( H5 新增 )规定在拖动被拖动数据时是否进行复制、移动、链接或删除菜鸟教程
    w3school
    hidden( H5 新增 )hidden 属性规定对元素进行隐藏。菜鸟教程
    w3school
    id规定元素的唯一 id菜鸟教程
    w3school
    lang设置元素中内容的语言菜鸟教程
    w3school
    spellcheck( H5 新增 )规定是否对元素进行拼写和语法检查菜鸟教程
    w3school
    style规定元素的行内 CSS 样式菜鸟教程
    w3school
    tabindex设置元素的 Tab 键控制次序菜鸟教程
    w3school
    title规定元素的额外信息(可在工具提示中显示)菜鸟教程
    w3school
    translate( H5 新增 )指定一个元素的值在页面载入时是否需要翻译菜鸟教程
    w3school
    展开全文
  • javascript 标签中指定属性值的更改与获取 适用于基本标签 <input><i><a>等基本标签 引用jQuery,两种方式 使用下面的input标签为例子 <input id="iconid" type='radio' name='iconfont' ...

    javascript 标签中指定属性值的更改与获取

    适用于基本标签 <input><i><a>等基本标签

    引用jQuery,两种方式

    使用下面的input标签为例子

    <input id="iconid" type='radio' name='iconfont' value="icon" title=''></input>

     

    1、使用id标签中的唯一属性,id="iconid"

    a、获取input标签中的所有属性,即获取id、type、name、value、title。获取到的所有属性为object数组型,在前台输出打开后可以看到为什么使用下面的attr可以直接获取到指定属性。

    $('#iconid’);

    b、获取标签中的指定属性title     attr("属性");

    $('#iconid’).attr("title");      

    c、更改标签的属性值      attr("属性","值");

    $('#iconid’).attr("title","我要把这句话赋值给属性title");

     

    2、使用标签名字获取属性值以上述<input>标签为例

    注此时文本中只有一个input标签。

    a、获取input标签中的所有属性,即获取id、type、name、value、title。获取到的所有属性为object数组型,在前台输出打开后可以看到为什么使用下面的attr可以直接获取到指定属性。

    $('input’);     

    b、获取标签中的指定属性title    attr("属性");

    $('input’).attr("title");

    c、更改标签的属性值     attr("属性","值");

    $('input’).attr("title","我要把这句话赋值给属性title");

     

    当然在使用标签名称对属性进行操作时H5文档中会有多个<input>标签,面对这种情况,jQuery提供eq方法进行遍历。

    如要对文本中的第2个input标签进行操作,获取该标签的全部属性代码如下

    $('input’).eq(1);

    获取标签中的指定属性title      attr("属性");

    $('input’).eq(1).attr("title");

     

    使用原生的JavaScript对标签的属性进行操作

    使用下面的input标签为例子

    <input id="iconid" type='radio' name='iconfont' value="icon" title=''></input>

     

    1、使用id标签中的唯一属性,id="iconid"

    //返回对拥有指定 ID 的第一个对象的引用

    var iconid= document.getElementById("iconid")

    a、获取input标签中的所有属性,即获取id、type、name、value、title。

    iconid;

    b、获取标签中的指定属性title    getAttribute("属性");  

    iconid.getAttribute("title");

    c、更改标签的属性值  setAttribute("属性","值");

    iconid.setAttribute("title","我要把这句话赋值给属性title");

     

    2、使用标签名字获取属性值以上述<input>标签为例

    注此时文本中只有一个input标签。

    //返回带有指定标签名的对象的集合

    var iconid=document.getElementsByTagName("input");

    a、获取input标签中的所有属性,即获取id、type、name、value、title。

    iconid;

    b、获取标签中的指定属性title    getAttribute("属性");  

    iconid[0].getAttribute("title");

    c、更改标签的属性值     setAttribute("属性","值");

    iconid[0].setAttribute("title","我要把这句话赋值给属性title");

     

     

     

     

     

    展开全文
  • XML文件中一些标签属性

    千次阅读 2020-08-11 17:26:18
    了解XML中一些属性标签。 <mapper namespace="Interface.UserMapper"> <resultMap id="userMap" type="pojo.User"> <id property="id" column="id"/> <result property="userName" ...

    了解XML中一些属性和标签。

    <mapper namespace="Interface.UserMapper">
        <resultMap id="userMap" type="pojo.User">
            <id property="id" column="id"/>
            <result property="userName" column="user_name"/>
            <result property="userPassword" column="user_password"/>
            <result property="userEmail" column="user_email"/>
            <result property="headImg" column="head_Img" jdbcType="BLOB"/>
            <result property="createTime" column="create_time" jdbcType="TIMESTAMP"/>
        </resultMap>
        <select id="selectById" resultMap="userMap">
            select * from t_user where id = #{id}
        </select>
    </mapper>

    select和resultMap是mapper的两个不同的标签。

    <select></select>:映射查询语句使用的标签。

    select标签中我们写了两个属性,分别是id和resultMap。

    id:命名空间的中唯一标识符,可用来代表这条语句。

    resultMap:用于设置返回值的类型和映射关系。

    select标签中的select * from table where id = #{id}是查询语句。

    #{id}:Mybatis SQL中使用预编译参数的一种方式,大括号中的id是传入的参数名。

    resultMap标签用于配置Java对象的属性和查询结果列的对应关系,通过resultMap中配置的column和property可以将查询列的值映射到type对象的属性上,因此当我们使用select *查询所有列的时候,Mybatis也可以将结果正确地映射到User对象上。

    resultMap是一种很重要的配置结果映射的方法,resultMap中包含的所有属性如下:

    id:必填,并且唯一。在select标签中,resultMap指定的值即为此处的id值。

    type:必填,用于配置查询列所映射到的Java对象类型。

    extends:选填,可以配置当前的resultMap继承自其他的resultMap,属性值为继承resultMap的id。

    autoMapping:选填,可选值为true或false,用于配置是否启用非映射字段(没有在resultMap中配置的字段)的自动映射功能,该配置可以覆盖全局的autoMappingBehavior配置。

    这些是resultMap的属性,我们只使用了id和type属性。那么resultMap还有如下标签:

    constructor:配置使用构造方法注入结果,包含以下两个子标签。

    idArg:id参数,标记结果作为id(唯一值),可以帮助提高整体性能。

    arg:注入到构造方法的一个普通结果。

    id:一个id结果,标记结果作为id(唯一值),可以帮助提高整体性能。

    result:注入到Java对象属性的普通结果。这个是我们使用的标签。

    association:一个复杂的类型关联,许多结果将包成这种类型。

    collection:复杂类型的集合。

    discriminator:根据结果值来决定使用哪个结果映射。

    case:基于某些值的结果映射。

    我们使用的是resultMap的id和result标签

    constructor标签通过构造方法注入属性的结果值。构造方法中的idArg、arg参数分别对应着resultMap中的id、result标签,它们的含义相同,只是注入方式不同。

    resultMap中的id标签和result标签包含的属性相同,不同的地方在于id代表的是主键的字段,它们的属性值是通过setter()方法注入的。

    然后我们再来看一下id和result标签中包含的属性。

    column:从数据库中得到的列名,或者是列的别名。

    property:映射到列结果的属性。可以映射简单的如“username”这样的属性,也可以映射一些复杂对象中的属性,例如“address.street.number”,这会通过“.”方式的属性嵌套赋值。

    column和property是id和result标签的两个相同的属性。

    javaType:一个Java类的完全限定名,或一个类型别名(通过typeAlias配置或者默认的类型)。如果映射到一个JavaBean,Mybatis通常可以自动判断属性的类型。如果映射到HashMap,则需要明确指出javaType属性。

    jdbcType:列对应的数据库类型。JDBC类型仅仅需要对插入、更新、删除操作可能为空的列进行处理。这是JDBC jdbcType的需要,而不是Mybatis的需要。

    typeHandler:使用这个属性可以覆盖默认的类型处理器。这个属性是类的完全限定名或类型别名。

    以上就是XML中各标签的属性值的说明。

     

    本文内容参考自刘增辉老师编写的课本《MyBatis从入门到精通》,在此表示感谢。

    如有侵权,请及时告知删除!

    展开全文
  • js设置标签属性

    万次阅读 2018-06-22 20:02:33
    js设置标签属性 1、添加、修改属性 使用setAtrribute('属性名', '属性值')方法。 参考文献 [1] 关于在JS中设置标签属性

    js设置标签属性

    1、setAttribute()方法

    使用setAttribute('属性名', '属性值')方法可以添加、修改、删除属性。

    下面的demo是为input添加、修改、删除value属性:

    • HTML
    <input type="text" class="input">
    
    • JS
    // 添加value属性
    document.querySelectorAll('.input')[0].setAttribute('value', "add value's attribute"); 
    
    // 修改value属性
    document.querySelectorAll('.input')[0].setAttribute('value', "change value's attribute"); 
    
    // 删除value属性值
    document.querySelectorAll('.input')[0].setAttribute('value', ""); 
    

    2、获取标签属性

    使用getAttribute('属性名')方法获取标签的属性

    下面的demo是获取input的name属性

    • HTML
    <input type="text" name="inputBox" class="input">
    
    • JS
    const name = document.querySelectorAll('.input')[0].getAttribute('name');
    console.log(name); // inputBox
    

    3、删除标签属性

    使用removeAttribute('属性名')方法删除标签的属性

    下面的demo是删除input的name属性

    • HTML
    <input type="text" name="inputBox" class="input">
    
    • JS
    const name = document.querySelectorAll('.input')[0].removeAttribute('name');
    console.log(name); // undefined
    
    参考文献

    [1] 关于在JS中设置标签属性

    展开全文
  • input标签属性详解大全

    万次阅读 多人点赞 2019-05-09 16:10:06
    我们先来了解一下input标签的几个基本控制属性。 name属性:元素的名称,也就是name的值代表当前input元素的名字; value属性:元素的默认值 1)当input type=“text”、“password”、"hidden"时,定义输入字段的...
  • img标签属性

    万次阅读 2019-01-16 21:51:00
    一、img标签 1、img标签的作用:用来告诉浏览器我们需要显示一张图片 2、img标签格式:<img src = " xxx.jpg"> -- img标签中的src是英文source的缩写,src 是用来告诉img标签,需要显示的图片名称 3...
  • HTML - 标签自定义属性

    千次阅读 2020-08-20 19:40:16
    html标签中,除了标准的属性名外,还可以自定义属性名,下面看下两种自定义属性的使用 1.自定义属性名 <body> <button desc="this is a button">Click me!</button> <script> var ...
  • HTML常用标签属性

    万次阅读 2019-05-19 11:49:02
    标签按照实现效果可以分为:         1.块元素标签(行元素标签):默认占有一行         2.内联元素标签(行内元素):默认可以...
  • JavaScript如何自定义标签属性

    万次阅读 2019-08-03 21:02:56
    二、自定义属性的2种方式第1种:直接在标签中添加想要的属性第2种:设置自定义属性:setAttribute("属性的名字","属性的值");三、总结: 一、为何要自定义属性? 因为html原生并没有给我们一些像要的属性,而我们可以...
  • Video标签属性

    千次阅读 2019-02-22 15:46:46
    撰写时间:2019年02月06日 Video的属性有 src:视频的属性,poster:视频封面;没有播放时显示的图片;...下图我们用了video标签的src属性,controls属性,poster属性,with和height属性,loop属性,a...
  • 属性中输入值标记就是一个标签,比如说这个属性用来表示是高度,你可以输入height;提示是插入此图块时出现的提示,比如说你可以写:请输入高度;默认就是此属性的默认值。3.文字设置根据需要设置4.可以定义...
  • HTML - 元素/标签属性基础

    千次阅读 2017-12-29 10:45:04
    "HTML 标签" and "HTML 元素" 通常都是描述同样的意思....开始标签常被称为起始标签(opening tag),结束标签常称为闭合标签(closing tag)。元素的内容是开始标签与结束标签之间的内容。Note:即使您忘记了使
  • Neo4j 标签 vs 属性

    千次阅读 2018-12-17 14:47:08
    2.1 标签 vs 建立索引的属性 2.2 使用总结 1 问题的起源  在Neo4j的1.0阶段时,它只有3个概念,即节点、关系和属性。假设我们创建了一个节点名字叫Joe,同时我们想要描述这个节点是一个人,那么我们可以给这个...
  • HTML中的table标签属性

    万次阅读 多人点赞 2019-05-17 16:49:47
    表格 表格是由行和列排列而成的一种结构 HTML表格由table标签以及一个或多个tr、th或td标签组成: table标签用来定义表格,整个表格包含在<...标签中;...tr标签用来定义表格中一...td标签和th标签用来定义单元...
  • input标签属性有哪些?相信刚接触的表单的小白应该很陌生,那么接下来我们就来讲一下input标签属性有哪些? 首先小编在这里谢谢大家一直的支持,每天都会更新十个web前端基础内容,需要的可以关注我,另外也可以进...
  • 最常用的 HTML5 标签属性

    千次阅读 多人点赞 2019-07-18 19:34:54
    最常用的 HTML5 标签属性 基本的 HTML 标签 1、<h1> - <h6> 标签定义 HTML 标题 2、<p> 标签定义 HTML 段落 3、<a> 标签定义 HTML 链接 超链接: >通过使用 href 属性 - 创建...
  • a标签有哪些属性

    万次阅读 2019-04-03 08:50:19
    a标签属性: download:规定被下载的超链接目标。 href:规定链接指向的页面的 URL。 hreflang:规定被链接文档的语言。 media:规定被链接文档是为何种媒介/设备优化的。 rel:规定当前文档与被链接文档...
  • bean标签的常用属性

    万次阅读 多人点赞 2018-04-03 10:16:38
    这篇文章总结spring中bean标签的常用属性。bean标签常用属性有:idnameclassfactory-methodfactory-beaninit-methoddestory-methodscopeautowire下面具体来所有这些属性怎么使用。id属性id标签是bean的唯一标识,IoC...
  • vue中标签自定义属性的使用

    万次阅读 2019-08-23 18:12:29
    vue获取dom元素可以使用 ref 要想获得自定义属性,可以通过设置 ref 实现 <span data-num="21" ref="dataNum" @click="getData">55</span> getData:function () { console.log(thi...
  • JS通过HTML标签自身属性获取属性

    千次阅读 2019-03-14 17:54:05
    &lt;...gt; &lt;header&...JS通过标签自身属性获取属性值&lt;/title&gt; &lt;script src="jquery-3.1.1.min.js"&gt;&lt;/script&gt; &lt;/header&a
  • js中改变标签属性

    千次阅读 2018-04-10 19:54:53
    &lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&...js改变标签属性&lt;/title&gt; &lt;link rel="stylesheet" href="css/bootstrap-theme.css" /&
  • HTML中表格标签及其属性

    千次阅读 2020-12-09 10:38:15
    1、表格标签 1.1、表格的主要作用 表格主要用于显示数据、展示... 标签用于定义表格中的行,必须嵌套在<table>中 <td></td> 用于定义表格中的单元格,必须嵌套在<tr></tr>标签中 字母t
  • input标签的value属性详解

    万次阅读 多人点赞 2019-03-13 23:03:55
    value 属性的用法是由 input 标签的 type 属性的值决定的 当 type 的取值为 button、reset、submit 中的其中一个时,此时 value 属性的值表示的是按钮上显示的文本 当 type 的取值为 text、password、hidden 中的...
  • object标签属性详解

    万次阅读 2018-03-29 15:50:43
    一、介绍: 我们要在网页中正常显示flash内容,那么页面中必须要有指定flash路径的标签。也就是OBJECT和EMBED标签。OBJECT标签是用于windows平台的IE浏览器的,而EMBED是用于windows和Macintosh平台下的Netscape ...
  • 表单form标签属性、值以及描述

    千次阅读 2019-03-28 22:36:46
    属性 值 描述 action URL 提交表单时,向何处发送表单数据 method get、post 设置表单以何种方式发送到表单页面 name form_name 表单的名称 target _blank、_self _...
  • html 标签的自定义属性

    万次阅读 2018-06-15 15:18:38
    自定义属性是相对于内置属性来说的。 jQuery 方法 方法一:attr() 设置或返回被选元素的属性值。 语法: // 获取值 $(&amp;amp;quot;img&amp;amp;quot;).attr(&amp;amp;quot;src&amp;amp...
  • 【Python】Selenium爬虫提取标签属性

    千次阅读 2020-06-12 10:00:02
    之前分享了一个selenium提取属性值得方法:老方法,这个方法很实用,可以将selenium获取得网页源码转成常用得BeautifulSoup格式,然后进行解析,今天用的时候看到一个更直接得方法,直接采用selenium自带得方法获取...
  • video标签属性详解

    千次阅读 2018-01-16 14:58:13
    最近做的些web页面,内嵌许多小视频,在ios和安卓手机上播放时,遇到不少问题: 在微信浏览器内播放时,视频会自动全屏 如果每个视频都有一张自定义的图片作为封面,在显示视频...muted:当设置该属性后,它规定视频的音
  • ref属性:查找当前配置文件里的bean &lt;property name=“animal” ref="monkey" /&gt; reg标签: &lt;property name="...ref标签有3种属性: &lt;ref bean="&q
  • JS标签属性

    千次阅读 2019-04-28 20:54:19
    标签属性 1、获取和修改标签属性 可读可写 .style 获取的是行内样式 通过.的方式这能获取合法的标签属性(就是不能获取系统自带的方法属性),需要通过特定的方法来获取 <body> <img src="" alt=...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,202,356
精华内容 480,942
关键字:

属于标签的必须属性