html之“聚焦时移除文本域的默认值”

最新推荐文章于 2021-06-16 05:31:54 发布
最新推荐文章于 2021-06-16 05:31:54 发布
阅读量1k 收藏
点赞数
分类专栏： 无聊

     为了提高软件的易用性，我们一般在文本域中填入一些样板文字，当然你也可以在旁边提示，但如果空间不足的话，就只能选择前者。当我们让文本域获得焦点时，当然要清空文本域让用户提入他们自己的内容。以下是代码，它确保文本域总有文字，不是用户填写的，就是我们的提标性文字。

          

 

functionclearText(field){

  if(field.defaultValue == field.value) field.value ='';

 

  else if (field.value=='') field.value = field.defaultValue;

}

如：
<!doctypehtml>

<htmldir="ltr" lang="zh-CN">

 <head>

   <metacharset="utf-8"/>

   <title> clearText  By司徒正美</title>

   <meta http-equiv="X-UA-Compatible"content="IE=7">

   <scripttype="text/javascript">

     function clearText(field){

       if (field.defaultValue == field.value) field.value ='';

       else if (field.value =='') field.value =field.defaultValue;

     }

   </script>

 

 </head>

 <body>

   <form>

     <input type="text" value="司徒正美" οnfοcus="clearText(this)"οnblur="clearText(this)"/>

   </form>

 </body>

</html>
重金属凌魄
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html设置文本域的,HTML-文本域属性设置
weixin_35943493的博客
06-15 3943
1、设置文本域的字体输入内容2、设置文本域的背景色输入内容3、文本域的虚线边框设置输入内容4、文本域的实线边框设置输入内容5、文本域的点线边框设置输入内容6、设置文本域的背景图HTML文本域属性设置1.设置文本域的字体 输入内容&lt ...&period;NET开源工作流RoadFlow-表单设计-文本域点击工具栏上的 文本域 按钮可弹出文本域属性设置: 绑定字段:与数据表的某...
聚焦时移除文本域的默认值
weixin_34319999的博客
12-06 90
为了提高软件的易用性，我们一般在文本域中填入一些样板文字，当然你也可以在旁边提示，但如果空间不足的话，就只能选择前者。当我们让文本域获得焦点时，当然要清空文本域让用户提入他们自己的内容。以下是代码，它确保文本域总有文字，不是用户填写的，就是我们的提标性文字。 function clearText(field){ if (field.defaultValue =...
placeholder 模拟 点击文本域,清除默认值.
axl---专心专注于web前端开发
06-08 321
点击文本域,清除默认值.默认值显示时为灰色文字,点击后高亮显示,可绑定回车 事件.项目中常用到的一个效果,封装成一个小小的插件,一点不复杂,需要的看下DEMO演 示中源码注释.若是不想只为清除一个默认文本调一个jQuery库,可以用原生的按 我的思路写一下,很简单.特点1.支持input文本域及textarea同时为多表单添加同样的默认值;2.默认值可通过表单value值设定,也可通过插件...
html中文本域的默认值
Cheney Zhang的专栏
01-06 5954
这样的输入框如果什么值都没输入，默认值是""，而不是null。 另js中没有trim()方法，去除字符串str中空格的方法;str.replace(/[ ]/g,"")。 =_=
HTML input文本框设置和移除默认值
01-23 2174
这里想实现的效果是：设置和移除文本框默认值，如下图鼠标放到文本框中的时候，灰字消失。 1.可以用简单的方式，就是给input文本框加上onfocus属性，如下代码： <input id="keyword" name="keyword" size="10" class="inputstyle keywords" value="请输入关键字进行搜索" ...
html设置text 默认值,如何为html <textarea>添加默认值？
weixin_42099633的博客
06-16 4354
我想为我的html 设置一个默认值。 我从一个材料中读到，要添加默认值，你必须做一些像This is default text 。 我这样做但它不起作用。 什么是正确的做法？#1楼当我做这样的事情时，它对我有用：My Text#2楼如果要将数据库中的信息带入textarea标记进行编辑：输入标记不显示占用多行的数据： 行无效，标记输入为一行。textarea标签没有任何价值 ，但可以使用车把{{a...
jQuery设置和移除文本框默认值的方法
12-09
当用户聚焦到文本框并且没有更改默认值时，文本框会自动清空，让用户输入。当用户离开文本框且未输入任何内容时，文本框又会自动恢复默认值。 这种交互设计对于某些场景非常有用，比如创建表单时，可以引导用户输入...
jQuery实现设置、移除文本框默认值功能
10-24
主要介绍了jQuery实现设置、移除文本框默认值功能,本文实现是类似html5 placeholder（空白提示）效果,正常时文本框有提示文字,当文本框获得焦点时变为空白,需要的朋友可以参考下
移除HTML标签的正则表达式
10-29
标题提到的"移除HTML标签的正则表达式"就是解决这类问题的一个方法。以下将详细解释这个ASP版本的正则表达式及其工作原理。 首先，我们来看这段ASP代码： ```vbscript ' 模块名: RemoveHTML ' 功 能 : 移除HTML...
javascript和jquery实现设置和移除文本框默认值效果代码
10-24
主要介绍了javascript和jquery实现设置和移除文本框默认值效果代码,本文实现的是类似html5 placeholder（空白提示）一种效果,需要的朋友可以参考下
@html.textarea 默认值,HTML Textarea defaultValue用法及代码示例
weixin_39989980的博客
06-16 652
DOM Textarea defaultValue属性用于设置或返回textarea字段的默认值。用法:它用于返回defaultValue属性。textareaObject.defaultValue它用于设置defaultValue属性：textareaObject.defaultValue = text/value属性值：text:它指定文本区域的默认值。返回值：它以字符串形式返回文本区域的默认...
html文本框设置默认值,HTML input文本框设置和移除默认值
weixin_29081101的博客
06-03 6378
这里想实现的效果是：设置和移除文本框默认值，如下图鼠标放到文本框中的时候，灰字消失。1.可以用简单的方式，就是给input文本框加上onfocus属性，如下代码：onfocus='if(this.value=="请输入关键字进行搜索"){this.value="";}; 'onblur='if(this.value==""){this.value="请输入关键字进行搜索";};'>其实onf...
关于html的textArea标签默认值
热门推荐
陈思宇个人主页 欢迎大家讨论学习
08-29 4万+
html的TextArea标签和text标签有一个不同点，它没有value属性 如果在jsp页面中需要放默认值在TextArea当中，我们可以按照如下示例这样添加
js中 原始值和引用值
aler56010的博客
09-23 165
在 ECMAScript 中，变量可以存在两种类型的值，即原始值和引用值。 原始值-----存储在栈（stack）中的简单数据段，也就是说，它们的值直接存储在变量访问的位置;引用值-----存储在堆（heap）中的对象，也就是说，存储在变量处的值是一个指针（point），指向存储对象的内存处。如果一个值是引用类型的，那么它的存储空间将从堆中分配。由于引用值的大小会改变，所以不能把它放在...
鼠标放上去清空 鼠标放上去清空input
YFCMS博客
01-21 2841
文本框默认有一个值,然后鼠标点上去那个值就清空   function OnEnter( field ) { if( field.value == field.defaultValue ) { field.value = ""; } } function OnExit( field ) { if( field.value == "" ) { field.value = field.defaul
WEB前端 input文本框 默认焦点
chanchaw的专栏
07-23 6055
打开WEB页面默认第一个text的input为默认焦点控件： var $inputs = $("input[type=text]"); $inputs[0].focus(event);  
输入文本框【提示文字】的设置与清空
Fanbin168的专栏
07-28 2808
输入文本框提示文字的清空 //当用户刚进入页面，在文本框中用灰色文字提示用过应该做什么，点用户点击这个文本框的时候，清空提示文字。 $(function () { var isFirst = true; $("#text1").css("color", "grey").focus(function
HTML中<input>参数，以及文本输入框，文本域的讲解
11-09 3万+
1、type：    当type="text"时，输入框为文本输入框;    当type="password"时, 输入框为密码输入框。 2、name：为文本框命名，以备后台程序ASP 、PHP使用。 3、value：为文本输入框设置默认值。(一般起到提示作用) 文本域，支持多行文本输入： 当用户需要在表单中输入大段文字时，需要用到文本输入域。 语法： rows="行数"
js中的value和defaultValue有什么区别
weixin_40626699的博客
01-24 6226
defautValue是页面加载出来后input中的初始值 value是当前input中的值 当input中的值未修改时，value == defaultValue， 当修改input值时，value为修改后的值，defaultValue仍为之前的。 eg: 第一次刷新： input中输入数据： 保存刷新后： ...
点击button时移除button的class
最新发布
07-15
要在点击按钮时移除按钮的 class，你可以使用 JavaScript 来实现。以下是一个示例代码： ```html <button id="myButton" class="btn">点击按钮</button> <script> var myButton = document.getElementById("myButton"); myButton.addEventListener("click", function() { myButton.classList.remove("btn"); }); </script> ``` 在这个示例中，首先通过 `getElementById` 方法获取到具有 `id` 为 `myButton` 的按钮元素，并将其存储在变量 `myButton` 中。 然后，使用 `addEventListener` 方法为按钮绑定一个 `click` 事件，当按钮被点击时，会执行传入的回调函数。 在回调函数中，使用 `classList.remove` 方法移除按钮的 `btn` 类名，从而移除按钮的样式。 这样，当点击按钮时，它的 `btn` 类名将被移除。你可以根据需要修改代码，适应你的实际情况。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值