鼠标点击input框时,全选input框内所有内容教程
有时为了提高效率,我们需要在点击input文本框的时候,就把文本框中的内容选中,而不需要先选中文本框内容接着在删除内容,这样给操作也带来了一定的不便捷性。
设置方法也很简单,不需要专门写函数代码,而是在<input>标签中直接使用,方法如下:
在想让全选input框的标签中加入如下代码即可:
onfocus="this.select();"
完整示例如下:
<input type="text" id="txt" class="search-input" placeholder="搜索一下" onfocus="this.select();">
如下图所示:
(资源库 www.zyku.net)
栏 目:HTML/Xhtml
下一篇:HTML最新面试题(笔试面试题)
本文标题:鼠标点击input框时,全选input框内所有内容教程
本文地址:https://www.zyku.net/xhtml/2782.html
您可能感兴趣的文章
- 03-17javascript 动态生成css代码的两种方
- 12-23airpods如何禁用触摸暂停
- 11-12网易云音乐启动封面怎样修改
- 03-10帝国CMS整合Discuz!7.2方法,完整双向同
- 12-17百度地图查各地游玩指南方法一览
- 02-26帝国CMS标签tags出现空标签的情况解决
- 02-19Linux查看服务器上安装的Nginx版本号
- 10-09lofter怎么开通打赏功能
- 02-22DedeCMS提示“Not allow filename for
- 12-25冥想睡眠-冥想睡眠应用软件功能介绍
- 12-26邦元宝维修-邦元宝维修应用软件功能介
- 09-27realme手机丢了如何找回
- 09-22QQ音乐送绿钻活动怎么参加
- 10-12LOFTER启用九宫格页面布局操作介绍
- 12-31精准录音转文字-精准录音转文字应用软
- 11-12喜马拉雅fm定时播放音频设置流程分享
- 10-242021淘宝天猫京东双11时间及满减规则
- 05-04Vultr教程:在Ubuntu 17.04服务器上安装
- 09-17微信读书发布至微信状态方法分享
- 07-15帝国CMS邮件标题乱码的解决方法

最近更新
阅读排行
猜你喜欢
- 08-15苹果手机备忘录如何保存pdf文件
- 11-24autosleep充电提醒设置步骤分享
- 12-09CentOS ssh连接一段时间无操作连接自
- 01-12dedecms 5.1 官方网站 演示地址 缩略
- 03-11nginx + php-fpm fastcgi防止跨站、跨
- 02-21DedeCMS相关文章调用标签代码
- 12-06小天才电话手表添加绑定成员步骤介绍
- 11-25oppo手机取消Breeno语音服务方法介绍
- 10-09华为nova9多机位模式在哪里
- 02-18mongodb中随机获取1条记录的实现方法