摘要:获取表单组件元素表单操作文本内容的选择对象和对象都提供了方法,该方法用于选择当前文本框的所有文本内容。
表单操作 获取表单 获取表单元素
获取表单元素的方式,大体上可以分为以下几种方式:
1.Document对象提供的定位页面元素的一系列方法
2.Document对象提供了forms属性
该属性用于获取当前HTML页面中所有的表单的集合,返回HTMLCollection对象,该对象封装了当前HTML页面中的所有表单对象。
示例代码如下:
<span class="javascript">获取表单元素</span>
获取表单组件元素
HTMLFormElement对象的elements属性
该属性用于获取指定表单的所有组件的集合。
<span class="javascript">获取表单组件元素</span>
表单操作
文本内容的选择
HTMLInputElement对象和HTMLTextAreaElement对象都提供了select()方法,该方法用于选择当前文本框的所有文本内容。
文本内容的选择
- // HTMLInputElement对象
- var username = document.getElementById("username");
- // 绑定获取焦点(focus)事件 - 失去焦点(blur)事件
- username.addEventListener("focus",function(){
- // select()方法 - 选择当前输入框中的所有文本内容(全选)
- // username.select();
- });
- /*
- select事件
- * 只要选择对应元素的文本内容时被触发
- * select()方法
- */
- username.addEventListener("select",function(){
- /*
- HTMLInputElement对象
- * selectionStart - 表示用户选中文本内容的开始索引值
- * selectionEnd - 表示用户选中文本内容的结束索引值的下一个值
- */
- console.log(username.selectionStart,username.selectionEnd);
- var value = username.getAttribute("value");
- var result = value.substring(username.selectionStart,username.selectionEnd);
- console.log(result);
- });
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/97333.html
摘要:初步使用主要使用注解的方式对进行校验,第一个例子在需要校验的字段上指定约束条件然后在中可以这样调用,加上注解即可。如果校验失败,默认会返回框架的出错信息。指定到的分组名会全部进行校验,不指定的不校验。 Spring Boot - 表单校验(JSR303&Hibernate Validator) 回顾 Spring Boot - 初识 Hello World Spring Boot -...
摘要:本文介绍了作者接手维护一个中型历史项目时的一系列改进实践,包括模块结构拆分业务逻辑梳理打包优化等。代码中如菜单名称结构表单字段名等的各种硬编码配置分散在各处。最后,在提升面向开发者的打包体验方面,本次优化中主要实现的是与的解耦。 本文介绍了作者接手维护一个中型 React 历史项目时的一系列改进实践,包括模块结构拆分、业务逻辑梳理、Webpack 打包优化等。 背景 这是一个 PC 的...
摘要:只能是同步函数,原因是无法捕捉异步函数的快照。除了这三个概念外,还有类比计算属性,用于从派生出一些值分割较大的状态树,便于管理。处理表单可手动监听或是使用带的双向绑定计算属性。 一、Vue组件的创建 一般语法: Vue.component(tagName, options) 务必在根组件实例化之前注册组件 组件options说明: data: 必须是一个函数,目的在于返回独立的对象...
阅读 3733·2021-08-31 09:39
阅读 1982·2019-08-30 13:14
阅读 3047·2019-08-30 13:02
阅读 2887·2019-08-29 13:22
阅读 2479·2019-08-26 13:54
阅读 902·2019-08-26 13:45
阅读 1725·2019-08-26 11:00
阅读 1101·2019-08-26 10:58
极致性价比!云服务器续费无忧!
Tesla A100/A800、Tesla V100S等多种GPU云主机特惠2折起,不限台数,续费同价。
NVIDIA RTX 40系,高性价比推理显卡,满足AI应用场景需要。
乌兰察布+上海青浦,满足东推西训AI场景需要