inupt textarea提示文字（点击消失，不输入恢复）

最新推荐文章于 2023-01-17 10:54:13 发布
最新推荐文章于 2023-01-17 10:54:13 发布
阅读量343 收藏
点赞数
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/seasonzone/p/4981410.html
本文介绍了一种在网页中使用文本输入框及文本区域的方法，并通过具体的HTML代码示例展示了如何为这些元素设置默认值及清除默认值的交互效果。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

    1. <input name="textfield" type="text"  maxlength="20" value="请输入文字.."  
    2.     onfocus="if (value =='请输入文字..'){value =''}"  
    3.     onblur="if (value ==''){value='请输入文字..'}" />  
    4. <br><br>  
    5. textarea:  
    6. <textarea cols="50" rows="5" id="textarea" onfocus="if(value=='限100字'){value=''}"  
    7.     onblur="if (value ==''){value='限100字'}">限100字</textarea> 

http://blog.youkuaiyun.com/tolcf/article/details/46241669

转载于:https://www.cnblogs.com/seasonzone/p/4981410.html

textarea中提示文本的实现，默认显示，点击消失
wzf7065的博客
02-04 1938
有时我们在输入框中给用户提示一些内容，这些内容默认显示，用户点击后消失，现在也有些网站点击了也不消失，但是不消失的文本并不会被写入服务器。 &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt...
基于Vue的Input框智能提示
夏尔的小酒馆
12-29 1万+
用Vue实现在用户输入的时候向后台请求候选项，支持键盘的上下选择以及Enter确认选择。做了控制请求次数的优化！注释十分详细后台返回的数据是自己模拟的，直接贴代码了。 只用引用Vue.js即可，其他样式表或者函数库有没有都无所谓。这是夏尔自己封装的众多组件库的其中之一而已！ 搜索联动 --> [v-cloak] {
inupt textarea提示文字（点击消失，不输入恢复）及限制字数
monkey_lwy的博客
03-26 366
效果： input： textarea: 限100字源码：input： &lt;input name="textfield" type="text" maxlength="20" value="请输入文字.." onfocus="if (value =='请输入文字..'){value =''}" onblur="if (value ==''){value='请输入文字..
设置textarea的默认显示的文字？
tasty
10-09 4万+
把默认显示的文字放在之间即可 如这就是默认显示的文字 document.getElementById("t1").value="hello!" 或者直接 hello!
textarea 单击鼠标,清除默认字
bobWu 的 学习日记
04-26 1万+
当你浏览一些Blog时，会看到在留言框、搜索栏或者Email订阅栏中有一段默认的文本，比如“Type your comment here”，如果你在其中点击（窗体获取焦点），这段默认的文本就会自动消失。实现这种效果非常简单： 1．在Header.php中添加如下脚本： .... //脚本要放在head标签里面    function clearDefault(el) { if (el.def
element inupt 失去焦点验证输入内容
07-11
alert("输入不能为空！"); } else { // 其他验证逻辑 } } ``` 在这个示例中，我们给输入框添加了一个id为"myInput"的属性，然后在失去焦点时调用了名为"validateInput()"的JavaScript函数。在验证函数中，我们...
【问题描述】输入两个数m和n，输出他们的最大公约数和最小公倍数 【输入形式】下划线为输入内容，"Inupt m,n:"为提示信息，需跟换行符     Input m,n:      3 7 【输出形式】分别输出最大公约数和最小公倍数，以空格分隔 C语言题目
最新发布
10-16
【解答】这是一个典型的求最大公约数（Greatest Common Divisor...当你运行这个程序并输入3和7时，它会返回它们的最大公约数（即1）和最小公倍数（即21）。记得在实际编写时，要处理用户输入的边界情况，如负数、零等。
css修改inupt框的placeholder样式
06-06
要修改 input 框的 placeholder 样式，您可以使用以下 CSS 代码： ```css input::placeholder { color: red; /* 修改 placeholder 文本颜色 */ font-size: 16px; /* 修改 placeholder 文本大小 */ ...
uniapp input滑动时输入框内内容脱离输入框问题
dddxz_2的博客
01-17 1075
解决思路：滑动时使input主动失焦，或input聚焦时不允许页面滑动，但input没有主动失焦事件，不允许页面滑动的方法在该项目不适用，经观察，每次input框内内容脱离软键盘都弹起，故解决方法为监听页面滑动，滑动时收起软键盘uni.hideKeyboard()问题：for循环数据后需要滚动，若input框不失焦则输入框内文字会脱离输入框，浮在屏幕上。需求：后台添加需要输入的项，前端展示+提交。
表单（textarea）有关焦点的用法大全
技术就是个纸老虎---为之，则难者亦易矣；不为，则易者亦难矣。
09-15 920
文本框（text）有关焦点的用法大全（白鸽精心创作整理） | 首页| 博客个性化，你还差鼠标指针这一步——轻松搞定鼠标指针图片上传 »本文最近一次修改时间为:2007年10月01日 @ 10:21 pm 　　1.文本框显示默认文字：白鸽男孩 白鸽男孩　　2.鼠标点击文本框，默认文字消失：白鸽男孩 白鸽男孩　　3.鼠标移至文本框，默认文字消失：白鸽男孩 白鸽男孩　　4.鼠标点击文本框
EditText(输入框)详解
weixin_44275194的博客
03-25 1697
详解EditText输入框1.设置默认提示文本2.获得焦点后全选组件内所有文本内容3.限制EditText输入类型4.设置最小行，最多行，单行，多行，自动换行5.设置文字间隔，设置英文字母大写类型6.控制EditText四周的间隔距离与内部文字与边框间的距离7.EditText光标位置的控制8.带删除按钮的EditText 1.设置默认提示文本 默认提示文本的两个属性如下： android:hin...
textarea失去焦点（onblur）时截取字段；Data too long for column
m0_52613676的博客
11-18 1288
// onblur: 在textarea失去焦点时调用 <textarea onblur="subTextarea(this)"></textarea> // 截取前260个字符: function subTextarea(_this) { _this.value=_this.value.substring(0, 260); }
完美解决textarea输入框提示文字，必须添加默认内容
热门推荐
lwf的博客
04-08 6万+
完美解决textarea输入框提示文字，必须添加默认内容<input/>有placeholder标签，可以添加提示文字 ，但是<textarea>没有，一般来说我们是把提示内容写在<textarea>外面，如下图： 当然，这样的布局并不是最想要的效果， 最想要的是文字显示在输入框内，点击输入框时隐藏，离开输入框时，如果输入框没有内容，又显示提示:网上搜到的都是利用js通过获取或失去焦点来设置te
textarea没有Value属性？关于如何去设置textarea的默认显示的文字？
weixin_39877284的博客
09-04 2万+
今天做一个项目的时候，要在一个编辑的jsp页面的textarea标签设置value属性，结果发现他没有value属性，但是是编辑页面又必须要回显要修改的内容. &lt;textarea class="form-control" name ="description" value="${revit.description}" rows="5"&gt; ...
关于html的textArea标签默认值
陈思宇个人主页 欢迎大家讨论学习
08-29 4万+
html的TextArea标签和text标签有一个不同点，它没有value属性 如果在jsp页面中需要放默认值在TextArea当中，我们可以按照如下示例这样添加
TEXTAREA标签设置动态默认值
qq_43050077的博客
01-04 6446
TEXTAREA作用 标签也是一个输入标签，可以理解为input标签得一个扩展(没有value属性)，通常界面上大文本输入框都是使用的 textarea TEXTAREA换行 通常情况下，当用户在输入文本区域中键入文本后，浏览器会将它们按照键入时的状态发送给服务器。只有用户按下 Enter 键的地方生成换行。 如果您希望启动自动换行功能（word wrapping），请将 wrap 属性设置为 virtual 或 physical。当用户键入的一行文本长于文本区的宽度时，浏览器会自动将多余的文字挪到下一
flex换行，textarea消除右下角按钮，修改input样式，多行文本省略号（兼容vue不生效），英文和数字强制换行，滚动条样式修改
fengkui347235的博客
06-26 1394
【代码】flex换行，textarea消除右下角按钮，修改input样式，多行文本省略号（兼容vue不生效），英文和数字强制换行，滚动条样式修改。
文本域textarea 点击文本消失 离开文本复原
huangxinyu_it的专栏
03-24 1913
文明上网，理性发言
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值