zoukankan      html  css  js  c++  java
  • HTML5一些标签和属性

    <bdo> 元素 可以覆盖默认文本的方向  根据dir 属性来控制文字的排序方向
                属性:dir="rtl"
                
             <abbr> 文字缩写  根据title属性来显示已经缩写内容
            
             <fieldset> 把表单内容一部份打包,生成一组表单相关的字段,和legend搭配使用
                 legend 元素用来定义fieldset元素标题(cation)
            
             下拉菜单分组
                 下拉菜单 :datalist  和  select
                      分组:是在<optgroup label="">
            
             走马灯:marquee
                 属性:scrollamount   移动速度
                       dirction       走向   left right top down  先下循环时必须加height
                       loop           控制循环次数  -1代表无限循环
                       onMouseOut="this_start"  this  代表当前  start 表示开始
                       onmouseover="this_stop"
                      (onMouseOut="this_start",onmouseover="this_stop")作用是当鼠标移动到图片时,图片会停止,移动开则会恢复滚动

            maxlength:文本框内容最大长度
            
            per :格式化标签  将文本格式保留
            
            tate: 时间标签
            
            time:时间标签
            
            文本框元素的只读模式属性:readonly
            文本框元素的禁用模式属性:disabled disabeld
            
            details 用于描述文档或文件的某一个细节,与summary 一起使用,summary可以定义details标题
                    标题可见,用户可以点击标题,可以显示details标题      

    <!doctype html>
    <html>
     <head>
         <meta charset="utf-8"/>
         <style type="text/css">
            #kkk{600px;}
         </style>
     </head>
     
     <body>
     <bdo dir="rtl">的帅最是长班</bdo>
          
          <abbr title="CF">穿越火线</abbr>
          
          <fieldset id="kkk" style="500px;">
              <legend><font size="5">登陆信息</font></legend>
              请输入你的用户名:<input type="text" name="sss"style="color" list="dd">
                <br/>
              最多只能写四个字:<input type="text" name="ss" maxlength="4" ><br/>
              只读模式:<input type="text" name="ss" value="辉哥是最帅的" readonly><br/>
              禁用模式:<input type="text" name="ss" value="辉哥是最帅的" disabled><br/>
                 <datalist id="dd">
                     <option>蓝田</option>
                     <option>清风自来</option>
                     <option>你若盛开</option>
                     <option>砥砺前行</option>
                 </datalist>
                 
                
                 <select>
                    <optgroup label="服装">
                        <option>男装</option>
                        <option>女装</option>
                        <option>情侣装</option>
                        <option>护士装</option>
                    </optgroup>
                    <optgroup label="食品">
                        <option>男装</option>
                        <option>女装</option>
                        <option>情侣装</option>
                        <option>护士装</option>
                    </optgroup>
                    <optgroup label="电子">
                        <option>男装</option>
                        <option>女装</option>
                        <option>情侣装</option>
                        <option>护士装</option>
                    </optgroup>
                 </select>
                
                 <details>
                     <summary>随缘</summary>
                         <p>你若盛开,清风自来;你若不离不弃,我必生死相依</p>
                                      <summary>高圆圆</summary>
                         <img src="./图片素材/gyy.jpg">
                 </details>
                 <br/>
                 时间:<input type="date" name="sj">
                 时间:<input type="time" name="sjj">
          </fieldset>
          
             <marquee scrollamount="10" direction="down" height="100">
                 <b color="peaple">你若盛开,清风自来;你若不离不弃,我必生死相依</b>
             </marquee>
             <marquee scrollamount="10"  onMouseOut="this.start()" onmouseover="this.stop()">
                 <b>相见时难别亦难,东风无力百花残;春蚕到死丝方尽,蜡炬成灰泪始干。</b>
             </marquee>
            
     </body>

    </html>

     
                      

  • 相关阅读:
    abp架构中加载公共css样式表和公共js的文件目录位置
    angular中[hidden]="expression"注意事项
    angular中使用canvas画布做验证码
    AngularJs页面跳转
    Angular学习笔记【如何正确使用第三方组件】
    【JavaScript权威指南】——逻辑与(&&)
    angular学习笔记【ng2-charts】插件添加
    OpenLayers v4.2.0 -----地图延迟加载;
    Sharepoint 图片库字段名称(Title)和对应的内部名称(InternalName)
    Sharepoint JSCOM 列表操作
  • 原文地址:https://www.cnblogs.com/dbhui/p/8299512.html
Copyright © 2011-2022 走看看