首页 > 其他分享 >html知识点

html知识点

时间:2023-04-25 10:10:54浏览次数:28  
标签:知识点 元素 控件 标签 触发 JavaScript html 属性


JavaScript slice()方法:返回一个新数组,包含从start到end(不包括该元素的)arrayObject中的元素。
ondblclick 属性在鼠标双击元素时触发。
标签为 input 元素定义标注(标记)。
label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。
标签的 for 属性应当与相关元素的 id 属性相同。

<html>
<body>

<p>请点击文本标记之一,就可以触发相关控件:</p>

<form>
<label for="male">Male</label>
<input type="radio" name="sex" id="male" />
<br />
<label for="female">Female</label>
<input type="radio" name="sex" id="female" />
<br/>
<label for="中性">中性</label>
<input type="radio" name="sex" id="中性"/>
</form>

</body>
</html>

运行结果:

html知识点_html


src 属性规定外部脚本文件的 URL。

有时,我们需要在网站的多个页面中运行 JavaScript。不需要重复编写相同的脚本,只需在单独的文件中创建 JavaScript,并以 .js 为后缀保存,然后使用

<html>
<head>
<script type="text/javascript">
function upperCase()
{
var x=document.getElementById("fname").value;
alert("离开了焦点");
document.getElementById("fname").value=x.toUpperCase();
}
</script>
</head>

<body>

输入您的姓名:
<input type="text" id="fname" onblur="upperCase()" />

</body>
</html>

html知识点_html_02


标签:知识点,元素,控件,标签,触发,JavaScript,html,属性
From: https://blog.51cto.com/u_16087831/6223408

相关文章

  • Java基础知识点API之Objects
    一:Objects的概述它是一个对象工具类,提供一些操作对象的方法。二:Objects的成员方法方法名说明publicstaticbooleanequals(Objecta,Objectb)先做非空判断,比较两对象publicstaticbooleanisNull(Objectobj)判断对象是否为null,为null返回true,否则返回falsepublicstaticboolea......
  • 如何通过C#/VB.NET代码将PowerPoint转换为HTML
    利用PowerPoint可以很方便的呈现多媒体信息,且信息形式多媒体化,表现力强。但难免在某些情况下我们会需要将PowerPoint转换为HTML格式。因为HTML文档能独立于各种操作系统平台(如Unix,Windows等)。并且它可以加入图片、声音、动画、影视等内容,还能从一个文件跳转到另一个文件,与世界各地......
  • HTML入门学习笔记
    HTML学习笔记详解01初识HTMLHTMLHTML,英文全称为HyperTextMarkupLanguage,中文翻译为超文本标记语言,其中超文本包括:文字,图片,音频,视频,动画等目前目前主流使用的是HTML5+CSS3HTML的优势主流浏览器都支持微软GOOGLE苹果市场的需求跨平台(类似JVM)W3C标准......
  • HTML-CSS笔记
    HTML一、网页的基本结构和基础1、html基础<!doctypehtml><html> <head> <!--可以通过meta标签来设置网页的字符集,避免乱码的问题--> <metacharset="UTF-8"/> <title>网页的基本结构</title> </head> <body> <!-- 迭代 网页的版本......
  • 为什么再html页面引用element复选框,只有名称值,没有复选框
    问题描述我引入了el-checkbox之后,发现浏览器页面只是显示里面的文字,并没有显示出来我想要看到的相应样式问题解决经过一定的百度查证可知,使用Element-UI组件时,我们需要用div标签将其包裹起来;然后使用script标签定义一下div里面的id属性,然后才能够引用到这个el-标签,让其中的样......
  • HTML5实现文件上传下载功能实例解析
    ​ 以ASP.NETCoreWebAPI 作后端 API ,用 Vue 构建前端页面,用 Axios 从前端访问后端 API,包括文件的上传和下载。 准备文件上传的API #region 文件上传  可以带参数        [HttpPost("upload")]        publicJsonResultuploadProject(I......
  • 基于HTML5的移动Web应用——Bootstrap 样式案例
     需求说明使用container、row等栅格系统的知识布局网页结构使用表单元素制作登录页面使用btn-success制作“搜索”按钮,用btn-danger制作“登录”按钮运行效果新梦想技术分享参考代码<!DOCTYPEhtml><html><headlang="en"><metacharset="UTF-8"><metaname="view......
  • html css 怎么导入外部css
    在HTML文件中导入外部CSS样式表,可以使用<link>标签。具体步骤如下:创建一个样式表文件(通常以.css扩展名为后缀),并将所有的CSS样式规则存放在该文件中。在HTML文件中添加一个<link>标签,指定rel="stylesheet"属性和href属性,其中href属性值应该是样式表文件的U......
  • js相关的一些知识点
    //"?."是JavaScript中的可选链操作符,用于在对象属性链式调用过程中判断前面的属性是否存在,//如果存在则继续调用,否则返回undefined。这个操作符可以避免因为某个属性不存在而出现程序崩溃或异常情况,提高代码的健壮性和可读性。例如:constperson={name:'张三',age:1......
  • HTML动态显示当前时间段
    HTML动态显示当前时间段效果如下 shell方式定义时间范围变量,修改html文件添加变量,重定向即可#定义起始时间变量START_TIME=$(date+"%Y年%m月%d日")END_TIME=$(date+"%Y年%m月%d日"-d'+1days')echo$END_TIME$START_TIME#定义HTML变量<divcla......