`
yuelong
  • 浏览: 33849 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

HTML DOM select() 方法

HTMLASPJavaScript 
阅读更多

定义和用法

select() 方法用于选取密码域中的文本。
语法
passwordObject.select()
实例

下面的例子可选取密码域中的文本：
<html>
<head>
<script type="text/javascript">
function selText()
  {
  document.getElementById('password1').select()
  }
</script>
</head>
<body>

<form>
<input type="password" id="password1" value="thgrt456" />
<input type="button" onclick="selText()" value="Select text" />
</form>

</body>
</html>

参考：http://www.w3school.com.cn/htmldom/met_password_select.asp

 

 

实战用法：当用户没有输入密码、密码格式错误的时候，给出提示

if(document.forms[0].password.value==null || document.forms[0].password.value==""){
  alert("提示：请输入密码。");
  document.forms[0].password.select();
  return false;
 }

分享到：
| Dos下删除残留服务
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    HTML DOM基础教程（网页形式）

    HTML DOM DOM 首页 DOM 简介 DOM 节点 DOM 节点树 DOM 节点访问 DOM 节点信息 DOM How To DOM 参考 DOM 总结 ...DOM Select DOM Style DOM Table DOM TableCell DOM TableRow DOM Textarea

    dom select 工具类

    在这个场景中，"DOM Select工具类"指的是一个JavaScript库或者函数集合，专门用于简化DOM元素的选择和操作。 在JavaScript中，我们通常使用`document.getElementById`、`document.getElementsByTagName`、`document...

    Html dom中的select, option_ 级联下拉列表

    在HTML DOM中操作select和option时，可以使用诸如document.getElementById获取select元素，再利用add方法来添加option元素。 此外，创建元素时还需注意元素的样式如何被定义。在文中提到，要修改的样式必须是内联...

    js_HTML_Dom操作练习

    在这个过程中，我们将探讨几个关键的DOM接口和方法，以加深对JavaScript与HTML交互的理解。 1. **获取元素**：在DOM中，`document.getElementById()`是最常用的获取元素的方法，通过元素的ID属性来定位。除此之外，...

    三级下拉列表 select 网页 html5

    在HTML5中，这种复杂的下拉列表通常结合`&lt;select&gt;`标签、JavaScript（JS）以及可能的CSS来实现。下面将详细介绍如何构建一个三级联动的下拉列表。 首先，我们要理解HTML5的`&lt;select&gt;`标签。`&lt;select&gt;`标签用于创建...

    前台select框模糊查询方法

    在前端开发中，"select框模糊查询方法"是一种常见的用户交互功能，允许用户在下拉选择框中输入关键字，快速找到并选择匹配项。这样的功能极大地提升了用户体验，尤其是在选项众多时，用户不再需要逐个滚动查找，而是...

    jQuery为动态生成的select元素添加事件的方法

    这里的关键是`getVoucherGroupData`函数中使用的`.html()`方法，它负责将生成的select元素的HTML添加到`strVoucherGroupSelect`变量中。 6. 动态添加元素到页面中：在需要的时候，使用jQuery的`.append()`方法将...

    html多选下拉框 ，CheckBox的Select组件 可多选的下拉框

    在HTML中，创建一个可多选的下拉框通常涉及到`&lt;select&gt;`元素与`&lt;option&gt;`元素的组合，但为了实现多选功能，我们需要使用`&lt;input type="checkbox"&gt;`和自定义的JavaScript或者利用现代浏览器支持的Web组件技术。...

    html自定义select空间

    在HTML中，`&lt;select&gt;`元素用于创建下拉列表，通常用于用户选择一个或多个选项。然而，原生的`&lt;select&gt;`元素样式有限，难以满足现代网页设计中对美观和交互性的需求。因此，"html自定义select空间"的概念应运而生，它...

    美化的html select上下滚动条

    通过以上方法，我们可以将原本简单的HTML`&lt;select&gt;`元素改造成具有固定显示长度和上下滚动功能的组件，达到类似ComboBox的效果，同时提升网页的视觉吸引力和用户体验。记住，良好的前端开发不仅要追求美观，还要注重...

    Html dom _BOM 模型 _事件处理机制 _面向对象基础

    在W3C的DOM规范出现之前，各浏览器支持一些基本的DOM操作，这些操作通常被称作“Htmldom”。DOM中常见的对象包括Select、Option、Table、TableRow、TableCell等，这些对象有着特定的属性和方法，比如Select对象的...

    jquery+html自定义select下拉框，下拉框美化

    这里的关键是使用jQuery的事件监听器（如`click`、`mouseover`）和DOM操作方法（如`addClass`、`removeClass`）。 美化下拉框涉及以下几个方面： 1. **布局**：通过CSS调整下拉框的大小、位置、边框和背景颜色，使...

    select2.mim.js and select2.min.css.zip

    在实际应用中，我们通常会在文档头部引入`select2.min.css`，并在脚本部分引入`select2.min.js`，并确保在DOM加载完成后初始化Select2。例如： ```html &lt;!DOCTYPE html&gt; &lt;html lang="zh"&gt; &lt;link href="dist/...

    使用Jsoup库解析HTML、XML或URL链接中的DOM节点

    **Jsoup库解析HTML、XML或URL链接中的DOM节点** Jsoup是一款强大的Java库，它设计用于处理实际世界中的HTML，使得开发者可以方便地提取和操作数据。在Web开发中，有时我们需要从网页中获取特定信息，比如文章内容、...

    实现可编辑的select

    3. **初始化Editable Select**：在页面加载完成后，使用jQuery选择器找到`select`元素，并调用Editable Select的初始化方法。 ```javascript $(document).ready(function() { $('#editable-select').editable...

    select下拉带模糊搜索功能

    然而，为了实现模糊搜索，我们需要对其进行扩展，通常会使用自定义的HTML结构来替代原生的`&lt;select&gt;`，这样可以更好地控制样式和交互。例如，我们可以创建一个`&lt;input&gt;`元素作为搜索框，以及一个隐藏或定制样式的`...

    select下拉框添加搜索功能

    这通常涉及到DOM操作，包括获取`select`元素、遍历其所有`option`子元素，然后根据输入的关键词进行匹配，显示或隐藏匹配的选项。这种方式需要对HTML、CSS和JavaScript有较深入的理解，并且工作量相对较大。 2. **...

    html js 用HashMap去掉html中select中的重复值

    这个方法适用于JavaScript环境，如果在服务器端使用Java处理，可以使用HashMap来实现相同的功能，只是代码会有所不同，因为Java处理DOM的操作不同于JavaScript。在Java中，你需要先解析HTML字符串，提取`&lt;select&gt;`...

    Javascript操作dom对象之select全面解析

    html代码： 　&lt;select id=university&gt; 北京大学&gt;北京大学 清华大学&gt;清华大学 北京电影学院&gt;北京电影学院 &lt;/select&gt; js原生操作 1.获取select对象； var university=document.getElementById...

    html js 清除select里的值,js控制select增删改,选中,清空, 判断控件是否存在

    在HTML和JavaScript编程中，`&lt;select&gt;`元素...通过以上方法，我们可以灵活地控制HTML中的`&lt;select&gt;`元素，满足各种交互需求。在实际开发中，还可以结合AJAX等技术，实现与服务器的动态数据交互，进一步增强用户体验。

Magicbox
Global site tag (gtag.js) - Google Analytics