zoukankan      html  css  js  c++  java
  • HTML学习-2标记标签-2

    三、表单元素

    ①<form></form>表单标签,代表表单

         主要属性:1、action提交到的页面。   2、method数据提交方式(get显示提交,有长度限制。post隐式提交)

    ②文本类(name值必须写)

        1、<input />

             1.文本框type="text"。value文本框的值(框内显示默认内容),name文本框的名称。

             2.密码框type="password"。value密码框的值(默认密码),name密码框的名称。

            3.隐藏域type="hidden"。value隐藏域的值(默认,但不显示),name隐藏域的名称。

       2、<textarea></textarea>文本域

            常见属性:

            disable="disable"禁用该文本域。

            form_id规定文本域所属的表单。

            cols="number"规定文本域内的可见宽度。

            rows="number"规定文本域的可见行数。

            maxlength="number"规定文本域的最大字符数。

            readonly="readonly"规定文本域为只读。

            !注释:文本域的value值写在双标签中间。

    ③按钮类(value值必须写)

       1.普通按钮type="button"。name按钮名称,value按钮上显示的文字。

       2.提交按钮type="submit"。name按钮名称,value按钮上显示的文字。

       3.重置按钮type="rest"。name按钮名称,value按钮上显示的文字。功能:将表单里面的所有内容重置为默认。

       4.图片按钮type="image"。name按钮的名称,src图片来源地址。

     ④选择按钮

       1.单选按钮type="radio"。name按钮组的名称(相同name下的多个radio为单选),vlaue按钮的值

       2.复选框,多选按钮type="checkbox"。name复选框的 名称,value复选框的值。

                   !附:对象方法:blur()移开焦点,click(一次鼠标点击),focus赋予焦点。

       3.下拉列表<select></select>。

                    常见属性:

                   name下拉列表名称。

                   multiple="multiple",规定多选,按住ctrl键。

                   from_id,规定所属的表单id。html5

                   autofocus=“”autofocus“,规定页面加载后自动获得焦点。html5

                   required="required",规定区域是必填的。html5

                   disable="disable",规定禁用。

                   size下拉列表的可选项目数:=1时为菜单。>1时为下拉列表。

          <option></opyion>下拉列表的项标签,每一个代表一项选项。value该项的值。selected="selected"默认选中一项。

       4.文件选择type="file"。name文件选择的名称。

       5。<label></label>标签为input标签定义标注标记。for="id",id与关联的input的id相同,使此标签获得指向id的input。

    <form action="a.html">
       <input type="text" name="tet" />文本框
       <input type="password" name="pass" />密码框
       <input type="hidden" name="hid" />隐藏域
       <textarea>文本域</textarea>
       <input type="button" value="按钮" id="a" />普通按钮
       <input type="submit" value="提交" />提交按钮
       <input type="reset" value="重置" />重置按钮
       <input type="image" src="1.jpg" />图片按钮
       <input type="radio" name="rad" /><input type="radio" name="rad" />
       <input type="checkbox" name="check" /><input type="checkbox" name="check" />
       <select name="sele">
          <option>选项1</option>
          <option selected="selected">选项2</option>
          <option>选项3</option>
       </select>
       <input type="file" name="文件选择" />文件选择
       <label for="a">指向id为a的按钮</label>
    </form>

    四、框架标签

    ①<framest></framset>框架集。!注释:如果使用该标签该页面不能有body标签。

         属性:cols="number,number"左右拆分。

                   rows="number,*"上下拆分。

                   frameborder边框,默认为1。

       <frame />框架,是<framest>中的一个框架。src显示指向地址,scrolling滚动条属性。

    <frameset cols="30%,*">
       <frame src="a.html" />
       <frameset rows="300px,*">
          <frame src="b.html" />
          <frame src="c.html" />
       </frameset>
    使用frameset标签时页面内不能用body标签
    </frameset><noframes></noframes>

    ②<iframe>行内框架,可以包含在一个普通的页面中。sec显示地址,width、height宽高,frameborder边框,scrolling滚动条。

    <body>
       <iframe src="a.html"></iframe>
    
    </body>

    六、其他标签

    ①<marquee></marquee>滚动标签。direction滚动方向,内容可以是 文字、图片。

    ②<mark></mark>标记标签,标记文字。

    ③<hr />分割线。效果就是一条直线。

    ④<embed></embed>嵌入视频标签。最简单的方法就是点击视频分享复制HTML代码到页面。

    ⑤<video></video>视频标签。格式只能是MP3、MP4。

           常用属性:

            src视频路径

            controls播放控件

            autoplay自动播放(页面加载完后)

            loop循环播放

            width、height宽高

    ⑥<audio></audio>音频标签,  <source>子标签 src音频位置。

          controls播放控件

          autoplay自动播放

         loop循环播放

    <body>
       <marquee>滚动标签<img />滚动图片</marquee>
       <font>标记文字<mark></mark>,标记它</font>
       <hr />分割线
       <embed src="">嵌入网页视频,直接复制粘贴html代码</embed>
       <video src="a.mp4">视频只能是MP3、MP4格式</video>
       <audio controls="controls" loop="loop"><!--添加了播放控件以及自动播放-->
          <source src="b.mp3" />
       </audio>
    
    </body>
  • 相关阅读:
    Linux监控端口与性能分析的
    对大数据简单生态的部分认知随笔
    致敬那些年对nginx踩过的坑
    面试中一些比较尴尬的问题
    硬盘的接口有哪几种
    硬盘的逻辑结构
    Oracle数据库的备份与恢复还原笔记
    Linux安装Mysql5.7.29
    [转]为什么会有OPTION请求?
    图解HTTP(5-6章节)---阅后笔记
  • 原文地址:https://www.cnblogs.com/wannian/p/8242423.html
Copyright © 2011-2022 走看看