三、表单元素

①<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>

HTML学习-2标记标签-2的更多相关文章

  1. HTML学习-2标记标签-1

    大致可以分为以下6类学习: 1.通用标签. 2.常用标签. 3.表格标签. 4.表单元素. 5.框架. 6.其他. 一.通用标签.及属性 1.<body></body>标签,主 ...

  2. 学习笔记_Java_day13_JSTL标签库（1、2、3、4、5、6、7、8）

    1.一种标签语言 day13 l  JSTL标签库(重点) l  自定义标签(理解) l  MVC设计模式(重点中的重点) l  Java三层框架(重点中的重点) JSTL标签库 1 什么是JSTL ...

  3. java continue break 关键字 详解 区别 用法 标记 标签 使用 示例 联系

    本文关键词: java continue break 关键字 详解 区别  用法 标记  标签 使用 示例 联系   跳出循环 带标签的continue和break 嵌套循环  深入continue ...

  4. JUnit5学习之五：标签(Tag)和自定义注解

    欢迎访问我的GitHub https://github.com/zq2599/blog_demos 内容:所有原创文章分类汇总及配套源码,涉及Java.Docker.Kubernetes.DevOPS ...

  5. HTML学习笔记之标签基础

    目录 1.基本标签 2.链接 3.图像 4.表格 5.列表 6.块与布局 1.基本标签 (1)标题与段落 标签 <h1> ~ <h6> 分别用于定义一至六级标题,标签 < ...

  6. 前端学习(一) body标签(上)

    body标签中相关标签 主要内容: 字体标签:  h1~h6.<font>.<u>.<b>.<strong><em>.<sup> ...

  7. 重温JSP学习笔记--JSTL标签库

    以前写jsp的时候对jstl标签库是有些抵触的,因为我觉得嵌入java代码的方式几乎无往不利,没有必要使用标签库,不过这次复习还是好好地学习了一下,发现这个还是很有用处的,用得好能省不少事,JSTL是 ...

  8. JAVA学习Swing章节标签JLabel中图标的使用

    package com.swing; import java.awt.Color; import java.awt.Component; import java.awt.Container; impo ...

  9. JQery w3school学习第一章 标签的隐藏和显示

    鄙人初学JQuery,最关键的是JQuery获取标签对象的方式 这一章学习的是点击按钮让所有标签的文字以及标签栏的位置隐藏起来,因为单纯的隐藏文字,还是会有空格和空行的影响 这里最关键的代码就是 $( ...

随机推荐

  1. 如果遇到Hadoop集群正常，MapReduce作业运行出现错误，如何来查看作业运行日志（图文详解）

    不多说,直接上干货! 这个时候我们可以进入logs下的userlogs 备注:userlogs目录下有很多个以往运行的作业,我选择最新的最大编号的作业,就是我们当前运行作业的日志.然后找到stderr ...

  2. PAT 乙级 1051 复数乘法 (15) C++版

    1051. 复数乘法 (15) 时间限制 400 ms 内存限制 65536 kB 代码长度限制 8000 B 判题程序 Standard 作者 CHEN, Yue 复数可以写成(A + Bi)的常规 ...

  3. Java-Runoob-高级教程-实例-数组：10. Java 实例 – 查找数组中的重复元素-un

    ylbtech-Java-Runoob-高级教程-实例-数组:10. Java 实例 – 查找数组中的重复元素 1.返回顶部 1. Java 实例 - 查找数组中的重复元素  Java 实例 以下实例 ...

  4. NodeJs使用async让代码按顺序串行执行

    描述 由于nodejs中的函数调用都是异步执行的,而笔者在工程开发中函数A需要四五个参数,而这四五个参数值都是通过函数调用获得,因此按顺序写代码时,执行到函数A时,往往函数A需要的参数值因为参数的异步 ...

  5. [ZZ]39条更好的软件开发方法

    1.重构是程序员的主力技能. 2.工作日志能提升脑容量. 3.先用profiler调查,才有脸谈优化. 4.注释贵精不贵多.杜绝大姨妈般的“例注”.漫山遍野的碎碎念注释,实际就是背景噪音. 5.普通程 ...

  6. opengl 无法定位程序输入点_glutInitWithExit于动态链接库glut32.dll上

    1.问题:opengl 无法定位程序输入点_glutInitWithExit于动态链接库glut32.dll上 2.环境:vc6.0  win7,64位,opengl. 3.解决:将glut32.dl ...

  7. 廖雪峰Java2面向对象编程-3继承和多态-2多态

    1.重载 子类覆写父类的方法称为重载Override. 父类和子类拥有一摸一样的方法(方法的名字.返回值.参数是相同的,但是方法的语句是不一样的) 方法签名如果不同就不是重载,而是创建了一个新的方法. ...

  8. Oracle下PLSQL连接没有数据库的问题

    https://blog.csdn.net/master_yao/article/details/51055850 参考博文地址 当PLSQL连接提示时请注意 请将首选项里内容进行修改 指定oci.d ...

  9. 01-TCP/IP概述

    TCP/IP 概述 允许不同厂家的各种型号的计算机使用不同操作系统互相进行通信 真正的开放系统 "全球互联网"或"因特网"的基础 2.分层 网络协议通常分不同层 ...

  10. 关于微信小程序如何解决多层循环嵌套

    http://www.jianshu.com/p/87cdf985b2b9 附加:小程序里面一些功能示例 http://blog.csdn.net/column/details/13721.html