怎样使一个INPUT框里的文字在框被点击后自动全选或清除？

最新推荐文章于 2023-02-24 09:43:15 发布
最新推荐文章于 2023-02-24 09:43:15 发布
阅读量1.7w 收藏 1
点赞数
分类专栏： JavaScript 文章标签： input function 
$("#smsContent").focus(function(){
    this.select();
});

<input name="keywords" type="text" value="关键字" οnfοcus="if(this.value == this.defaultValue) this.value = ''" οnblur="if(this.value == '') this.value = this.defaultValue">


kookob
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
移动设备input输入框点击后自动选中内容_带你了解Web自动化测试工具Selenium的使用...
weixin_39621178的博客
11-26 282
Selenium是一个Web浏览器的自动化测试框架，可以模拟用户与浏览器的交互，就像真正的用户在操作一样，例如在输入框中输入文本，选择下拉值和复选框，又或者单击文档中的链接。它还提供了许多其他控件，例如鼠标移动，执行任意JavaScript等等。Selenium支持目前主流的浏览器，包括IE（7, 8, 9, 10, 11）,Mozilla Firefox，Safari，Chrome，Opera等...
input 鼠标点击清空默认值
技术积累
12-25 1569
<input name="keywords" type="text" value="请输入短信验证码" οnfοcus="if(this.value == this.defaultValue) this.value = ''" οnblur="if(this.value == '') this.value = this.defaultValue">
输入框聚焦，点击时清空文本框_表单按钮特效
勇哥学系统
01-25 1555
输入框聚集，点击时清空文本框，以前就用到过，大家经常见到的一个小技巧 ，常见于搜索框，当没有点击搜索框的时候，搜索框内显示默认文字，当想输入的时候，点击搜索框后，里面的内容就自动清空，由用户去输入 ，一来提示升用户体验，二来可以在输入框中设置提示文字，方便用户输入。 输入框聚焦，点击时清空文本框
input的全选与全不选以及全选时取消一个，全选按钮自动取消
weixin_56848461的博客
03-16 785
input的全选与全不选以及全选时取消一个，全选按钮自动取消
JSP学习之路（二）：设置input标签中，选择自动清除文本框中的内容
H90P0820的专栏
02-26 2051
设置input标签中的 onfocus事件。 onfocus事件是在对象获得焦点时发生触发。
易语言发送消息全选列表框或文件框
07-24
要实现“全选”功能，我们需要发送一个特定的消息给列表框或文件框。在Windows API中，这个消息通常是`LB_SELECTALL`（对于列表框）或`VM_SETSELECTION`（对于文件对话框）。在易语言中，我们可以使用`发送消息`命令...
jQuery实现按钮的点击 全选/反选 单选框/复选框 文本框 表单验证
12-10
jQuery实现按钮的点击 全选/反选 单选框/复选框 文本框 表单验证 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> &...
javascript实现复选框全选或反选
12-10
以下是用原生js实现的复选框全选/反选的实现，选中checkbox的时候，实现全选的效果，并且样式发生改变。 代码最简洁，js行为优化版，复制粘贴即可使用。 <!DOCTYPE html> <html lang="en"> <head&gt...
js实现复选框的全选和取消全选效果
10-20
`$(document).ready` 确保在 DOM 加载完毕后执行，`$('#selectAll').click` 监听全选按钮的点击事件，`$('input[name="items[]"]').prop('checked', this.checked)` 则根据全选按钮的状态修改所有复选框的 ...
易语言源码发送消息全选列表框或文件框.rar
03-30
易语言源码发送消息全选列表框或文件框.rar 易语言源码发送消息全选列表框或文件框.rar 易语言源码发送消息全选列表框或文件框.rar 易语言源码发送消息全选列表框或文件框.rar 易语言源码发送消息全选列表框或...
js 实现input框的全选和清空
LmissL的博客
10-06 4433
input全选及取消全选（因为刚学js所以直接用的js写的） 大家有什么可以讨论的欢迎下方评论 代码可以直接复制就能用代码背后有注释，有看不懂的欢迎一起讨论 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
input默认选中内容，单击时清楚内容，失去焦点时恢复原来内容
Web魔法师
02-28 5361
为input添加鼠标属性，onmouseover="this.select()"当鼠标移入时，会默认选中input中的内容。当在input内单击时，会自动清除里面的内容，当input失去焦点时，又会自动恢复里面的内容：var inputtext= document.getElementById('input' + number); //获取input的id inputtext.value = it
利用css去除input按钮上的文字的几种方法
weixin_33863087的博客
02-24 655
相信很多时候input上的文字困扰着web前端开发者，必须要通过修改html代码中的value值才能清空按钮上的文字，但很多人不愿意去动html代码，一方面麻烦，另外主要的原因还在于保留文字对seo有好处，对搜索引擎有力的东西当然能保留就保留。 今天零度就来告诉大家利用css去除掉input按钮上的文字的几种方法，先看一个例子： <input type="button" style=...
input点击隐藏文字
chiguang1213的博客
12-18 760
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> ...
input切换隐藏、显示,点击文字类形选中input标签。
weixin_44540416的博客
01-17 2251
········································································································ 开发工具与关键技术：Dw开发 JQuery 作者：回忆中贤 撰写时间：2019-01-17 ·················································...
java.lang.Error: Unresolved compilation problems:解决方案
热门推荐
huangbaokang的博客
07-18 9万+
出现该问题的原因主要是编译等级跟jdk不一致。 先查看你jdk版本 我这里是1.7,设置下Java compiler 和 Project Facets，问题解决！！
input全选和取消全选操作
m0_63574519的博客
05-23 2788
我们用input表单的checkbox复选属性，实现全选操作。当我们点击最上面的按钮时，下面的按钮会被全部选中；当下面的按钮被全部选中时，上面的按钮也被选中。 首先是html样式 <ul> <li> <input class="total" type="checkbox"> <span>林俊杰</span> </li> <.
Uniapp input输入框实现自动选中
乔的博客
02-24 1924
Uniapp 实现 input 输入框聚焦的时候使用 selectionStart 和 selectionEnd 方式实现不生效，可以使用 renderjs 的方式进行实现，注意：renderjs是一个运行在视图层的js。它比WXS更加强大。它只支持app-vue和web。
input框聚焦时自动全选中
最新发布
06-07
可以通过 JavaScript 来实现 input 元素聚焦时自动全选中的效果。可以使用 `select()` 方法选中 input 元素中的文本。 以下是一个示例： ```html <input type="text" id="myInput" value="hello world" /> <script> const input = document.getElementById("myInput"); input.addEventListener("focus", function () { // 在 input 元素获得焦点时，选中所有文本 this.select(); }); </script> ``` 当 input 元素获得焦点时，它的 `select()` 方法会被调用，选中所有文本。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值