首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

JavaScript(十三)

HTML method 特性 submit(): 提交表单 reset(): 将所有表单域重置为默认 提交表单 使用 input 或 button 都可以定义提交按钮,只要将其 type 特性设置为...这个 elements 集合是一个有序列表,其中包含着表单所有字段,每个表单字段在 elements 集合顺序,与它们出现在标记顺序相同,可以按照位置 name 特性来访问它们。...在支持这个属性浏览器,只要设置这个属性,不用 JavaScript 就能自动把焦点移动到相应字段。...value 改变时触发,对于 select 元素,在其选项改变时触发 文本框脚本 ---- 在 HTML,有两种方式来表现文本框: 使用 input 元素单行文本框 使用 textarea 元素多行文本框...浏览器自己会根据标记规则执行验证,然后自己显示适当错误消息(完全不用 JavaScript 插手)。 只有在某些情况下表单字段才能进行自动验证。

3.3K20

【前端】:property OR attribute

它无法准确描述出具体是哪个苹果在桌子上。 这么理解 Attribute 是标记语言概念,标记语言本身是一种文本,所以 Attribute 这种文本方式描述性质在标记语言中很容易使用。...而Property则是保存在内存(memory),而内存会随着程序运行结束被释放,因此变得无法长期储存。在JavaScript,DOM 对象通常都是多重继承。...同时继承了 HTML JavaScript Object。Object 是完完全全内存对象,所以使用是 Property,而 HTML 本身是标记语言所以使用是 Attribute。...当这两个东西被继承到同一个对象上时候经常会让人混淆起来。由于一些Attribute是很常用,比如id、class等,所以DOM把它们映射到了Property上以方便使用。...只要是HTML标签上设置属性就是Attribute,而直接在JavaScript中用点运算符操作DOM对象属性就是Property。

1.5K20

JavaWeb01轻松掌握HTML(Java真正全栈开发)

:水平线厚度 以像素为单位,默认2 width:水平线长度 可以使绝对或相对,默认为100% color:水平线颜色,默认为黑色 html数值单位:像素(px) 有些设置可以为百分比设置 例如:...标签 标签:定义一个下拉列表(下拉框) 属性: name:定义下拉列表名称 size:定义下拉列表可见选项数目 multiple:定义可选择多个选项 <option..." 使用格式: 请选择 显示名称...比如 html 标签通常是成对出现(围堵标记),比如 标签对第一个标签是开始标签,第二个标签是结束标签 绝大多数标签都具有属性,建议属性使用引号引起.例如:...常用属性: cols:垂直切割(切割原则:多块之间使用”,”相隔,每一块可以使用像素,也可使用百分比.注意”*”代表剩下) rows:横向切割 frameborder:定义框架边框,其可以有0

5.2K50

datalist标签小结

在以前,如果要实现这样功能,必须要求开发者使用一些Javascript技巧或相关框架进行ajax调用,需要一定编程工作量。...但随着HTML5 慢慢普及,开发者可以使用其中DataList标记就能快速开发出十分漂亮 AutoComplete组件效果 一、datalist标签使用示例 HTML 代码   复制 <!...,则用户通过下拉列表选择后,文本框显示将会是value,如下图: 三、Autocomplete属性 该属性可以设置为on或off,表示输入字段是否应该启用自动完成功能,如下代码所示: HTML...五、如何应对不支持浏览器 在写本文时候,依然只有IE 10,Firefox 4+,Chrome 20+Opera是支持datalist,这意味着不少旧版本浏览器用户不能使用datalist功能...,但办法总是有的,下面分别介绍一个折衷办法 datalist嵌套使用传统select下拉选择框 一个不错解决方法,是在提供传统select下拉文本框同时,提供给用户能输入普通文本文本框,如下代码

2.5K50

JavaDOMJavascript技术

JavaDOMJavascript技术 DOM是一门技术,是文档对象模型.所需文档只有标记型文档,如我们所学html文档(文档所有标签都封装成为对象了) DOM: 为Document Object...Model, 文档对象模型, 是用来将标记文档以及文档标签等所有内容都封装成对象....JavaScript:提供逻辑型较强程序设计,可以用来对对象进行操作和控制,是负责页面的动态效果行为....DOM:提供解析,将标记文档以及文档内容都封装成为对象,这样就可以操作对象属性行为....属性描述host设置或获取location或urlhostnameport号码hostname设置或获取location或urlhostnameport号码href设置或获取整个url为字符串pathname

64730

第61节:JavaDOMJavascript技术

JavaDOMJavascript技术 DOM是一门技术,是文档对象模型.所需文档只有标记型文档,如我们所学html文档(文档所有标签都封装成为对象了) DOM: 为Document...Object Model, 文档对象模型, 是用来将标记文档以及文档标签等所有内容都封装成对象....DOM:提供解析,将标记文档以及文档内容都封装成为对象,这样就可以操作对象属性行为....属性 描述 host 设置或获取location或urlhostnameport号码 hostname 设置或获取location或urlhostnameport号码 href 设置或获取整个url...-- 因为标签都在文档,所以想要获取标签需要先有document对象 getElementById 获取对 ID 标签属性为指定第一个对象引用 getElementsByName

60920

.NET MVC第七章、jQuery插件验证

MVC使用script脚本 MVC由于母版页已经引入了jQuery故而直接使用即可,但是这里需要使用@section Scripts来写入script脚本信息。 ...为了让表单结构简单而清晰,我们将表单每个元素都包裹在一个div结构:用label标签用来标记元素名称,接着便是表单元素本身。...注明: 1.使用label标签好处是为鼠标用户改进了可用性。当在label元素内点击文本时,浏览器就会自动将焦点转到label相关表单控件上。...2.每个需要校验表单元素都应该设置idname属性,方便在使用插件时将元素绑定校验规则和校验信息。】...Visual Studio 2019生成mvc项目中,自动生成jQuery-3.4.1.min.js已解决该问题。建议使用最新版本。

1.3K10

学习jQuery?这篇文章就够了

1、作用 2、选择组成 3、如何使用选择器获取元素 六、基本选择器 1、基本选择器 1.1、id 选择器 1.2、元素选择器 1.3、类选择器 2、练习 2.1、准备页面 2.2、做练习...3:设置 id 为 username 元素 value 属性为"叩丁狼教育" p> 问题 4:对比 h1 元素内容纯文本区别...这些选择用法 CSS 语法非常相似,结合 jQuery 类库方法你可以很方便快速地定位页面任何元素,并为其添加响应行为。 2、选择组成 选择器一般由“特殊符号”+“字符串”组成。...3、如何使用选择器获取元素 语法:(“选择器”) ,如 (“#mydiv”)。...在网页,每个 id 名称只能使用一次[0, 1],class 允许重复使用 [0, n]。 1.1、id 选择器 #id,用法:$(“#myDiv”) 返回单个元素组成集合。

12.3K10

前端小技能,10个基本组件代码片段

name:用于标记此标签名称,在JavaScript,可以很方便通过标签name属性来找到这个表单,并进一步通过子控件标签名称,从而找到下面的控件对象。...name:用于标记此标签名称,在JavaScript,可以很方便通过标签name属性来找到这个表单,并进一步通过子控件标签名称,从而找到下面的控件对象。...name:用于标记此标签名称,在JavaScript,可以很方便通过标签name属性来找到这个表单,并进一步通过子控件标签名称,从而找到下面的控件对象。...name:用于标记此标签名称,在JavaScript,可以很方便通过标签name属性来找到这个表单,并进一步通过子控件标签名称,从而找到下面的控件对象。...2 说明 下拉框使用是标签,每个菜单选项由 一个 元素定义。

2.2K10

HTML入门简单学习

属性" alt="属性">     4.2:标记属性         src属性,作用指定我们要加载图片路径图片名称以及图片格式         width属性,作用指定图片宽度...caption标记         如何正确使用:caption属性插入位置,直接位于table属性之后,tr表格行之前         align属性:top标题放在表格上部,botton标题放在表格下部...标记是一个单标记,该标记必须放在frameset中使用,在frameset设置了几个窗口,就必须对应几个frame框架,而且还必须使用src属性指定一个网页         属性:src...post方式,提交时,将表单数据一并包含在表单主体,一起传送到服务器处理,没有数据大小限制                 action:表单数据处理程序url地址,如果为空则使用当前文档...name属性:定义控件名称             value属性:初始化,打开浏览器时,文本框内容             size属性:设置控件长度             manlength

4.1K100

HTML 基础语法

markup tag) HTML 作用就是用标记标签来描述网页,把网页内容在浏览器展示出来。...认识网页 网页主要由文字、图像超链接等元素构成。当然,除了这些元素,网页还可以包含音频、视频以及Flash等。 网页是如何形成呢?...浏览器内核不同对于网页语法解释会有不同,所以渲染效果也不相同。 JS 引擎 则是解析 Javascript 语言,执行 javascript语言来实现网页动态效果。...3.td用于定义表格单元格,必须嵌套在tr标签 表格属性 border 表格边框 cellspacing 设置单元格之间间距 cellpadding 设置单元格内容与单元格之间间距 width...控件控件属性: -name: 控件名称 -value:控件默认 -size: 控件默认大小 -checked: 设置默认选择项 -maxlength:控件允许输入最多字符数 label标签 作用:用于绑定一个表单元素

1.8K41

HTML

markup tag) HTML 作用就是用标记标签来描述网页,把网页内容在浏览器展示出来。...认识网页 网页主要由文字、图像超链接等元素构成。当然,除了这些元素,网页还可以包含音频、视频以及Flash等。 网页是如何形成呢?...浏览器内核不同对于网页语法解释会有不同,所以渲染效果也不相同。 JS 引擎 则是解析 Javascript 语言,执行 javascript语言来实现网页动态效果。...其基本语法格式如下: 语法格式: 内容 1.标签可以拥有多个属性,必须写在开始标签,位于标签名后面。...控件控件属性: -name: 控件名称 -value:控件默认 -size: 控件默认大小 -checked: 设置默认选择项 -maxlength:控件允许输入最多字符数 label

1.4K21

与Ajax同样重要jQuery(2)

练习9: ² 点击button 打印radio checkbox select 中选中项 <script type="text/<em>javascript</em>" src=".....$("tr").first() ③:九种选择器重点 l 基本选择层级选择器 锁定元素 l 使用属性过滤选择内容过滤选择器 具体选中元素 l 表单操作 :checked :selected 选中...表单选中元素 配合基本过滤选择器,缩小选中范围 4.jQueryDOM操作 使用jQuery九种选择器可以基本选中需要操作对象,但是为了提高jQuery查询效率,可以结合jQuery内置查找函数一起使用...④:HTML代码&文本&操作 l 读取设置某个元素HTML内容 html() 读取innerHTML html(content) 设置innerHTML l 读取设置某个元素文本内容 text...² 传智播客 获取div htmltext 对比 ² 使用val() 获得文本框、下拉框、单选框选中value ² 测试能否通过 val() 设置单选框、下拉框选中效果

6.2K50

HTML知识点概括——一篇文章带你完全掌握HTML

HTML是超文本标记语言,负责网页最基本信息构造 HTML优势: 市场需求量 跨平台使用 浏览器支持 我们使用工具依旧选择老朋友: IDEA 因为内容过多,大部分内容可能都在代码详细介绍,请仔细阅读代码...地址 method get/post 用于设置表单数据提交方式 name 名称 用于指定表单名称,用来区分同一页面的多个表单 表单挂件 最常用表单挂件: 我们先介绍...input内置元素: 元素 说明 type="" 表示input类型 value="" 表示input(内置文本) name="" 表示input姓名(用于同一类) checked="" 表示被选中...maxlength="" 表示最大长度 我们再来介绍以下input属性包括哪些: 属性 说明 button 定义可点击按钮(配合js使用) checkbox 定义复选框 file 定义输入字段浏览按钮...--textare cols:表示可输入一行内容(不推荐使用,一般在css设置) rows:表示存在多少列(不推荐使用,一般在css设置) 文本默认文字可以直接在里面书写 --> <

1.6K20

HTML基础知识

image 标记语言,是一种将文本以及与文本相关其他信息结合起来,展现出关于文档结构和数据处理细节电脑文字编码。 HTML,为超文本标记语言。...双标签:由“开始标签”“结束标签”两部分构成,必须成对使用,且必须合理嵌套。 单标签:在开始标签中进行关闭(以开始标签结束而结束)。...支持tabindex属性元素有,,,,,, dir用于指定元素内容文本方向。...dir属性只有ltrrtl两种,分别是left to rightright to left。 lang用于指定元素内容语言。..."hidden"> size属性用来设置选择高度,multiple属性用来决定是多选列表,还是单选selected="selected" 表单控件,用于输入更多文本

2.6K22

day40_jQuery学习笔记_01

jQuery 使用户能更方便地处理HTML(标准通用标记语言下一个应用)、events、实现动画效果,并且方便地为网站提供AJAX交互。...轻量级:依赖程序少,占用资源少 特点:js代码html代码分离 jQuery已经成为最流行 javascript库,在世界前10000个访问最多网站,有超过55%在使用jQuery。...、使用Ajax以及其他功能 jQuery能够使用html页面保持代码html内容分离 不用再在html里面插入一堆js来调用命令了,只需要定义id即可 jQuery提供API让开发者编写插件,有许多成熟插件可供选择...,就设置value为默认,否则不设置。...(指的是 下拉列表 select 标签 option 标签) 示例代码如下: 09-表单对象属性过滤选择器.html <!

6.6K20
领券