<input type="text" value="">实现输入提示

最新推荐文章于 2023-06-15 11:12:15 发布
最新推荐文章于 2023-06-15 11:12:15 发布
阅读量2k 收藏
点赞数
分类专栏： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011719449/article/details/16852119
版权

表单的文本框text里面显示“输入格式为XXX”，文本框获取焦点时（即鼠标点击）文字消失。


<input value="输入格式为xxx" οnfοcus="if(this.value==this.defaultValue){this.value=''}" οnblur="if(this.value==''){this.value=this.defaultValue}">

因而-
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用input type=text value=str取值不完全解决方案
12-01
今天碰到一个很奇怪的问题，看看如下代码： SimpleDateFormat dateFormat = new SimpleDa 复制代码代码如下:teFormat(“yyyy年MM月dd日 E “); String date = dateFormat.format(new Date()); 本意是想要打印出来XXXX年XX月XX日 星期X 问题出在如下代码，当我想要取得格式化之后的数据时，在value=方法取值时，只能取到“XXXX年XX月XX日”，后面的“星期X”一直取不到 复制代码代码如下: <td align=”left”> <label> <input type=”text” v
input提升用户输入信息 当用户点击时 页面消失
itinglight的博客
08-20 611
方案二 <input type="text" placeholder="请输入内容"> 方案一 <input type="text" value='请输入内容' onfocus="javascript:if(this.value=='请输入内容')this.value='';"> 1、js 方法添加的提示文字不同于 使用 placeholder 属性添加的效果 2、placeholder 属性添加的提示文字，只有输入内容时文字才会消失 3、js 方式添加的提示文字，当光标定位到.
input元素中value属性的作用
北冥同学的成长记录笔记
06-15 1727
掌握前端方面的知识对于网络安全工程师而言也是至关重要的，因此笔者就一位同学遇到的问题，对input元素中的value属性方面的知识进行了归纳和总结。
使用<input type="text" value=<%=str%>>出现取值不全的问题
以家为家，以乡为乡，以国为国，以天下为天下
04-26 1540
今天碰到一个很奇怪的问题，看看如下代码： SimpleDateFormat dateFormat = new SimpleDateFormat("yyyy年MM月dd日  E "); String date = dateFormat.format(new Date()); 本意是想要打印出来XXXX年XX月XX日  星期X 问题出在如下代码，当我想要取得格式化之后的数据时，在value=方
输入框提示列表效果
管子（zero）的杂乱空间
11-24 1330
<!--google_ad_client = "pub-4490194096475053";/* 内容页,300x250,第一屏 */google_ad_slot = "3685991503";google_ad_width = 300;google_ad_height = 250;//--><script type="text/javascript"src="
JS实现TEXTBOX输入内容出现下拉列表显示所有包含输入内容并实现键盘上下选择回车或点击跳转...
weixin_30617737的博客
04-13 217
大家不要看这个代码和小猪站长的代码很像，但是我是修改过的哟。在小猪站长的代码基础上，将<ul><li>改成了<div><a>。用<div>更好设计样式，用<a>可以添加链接地址。我用这个代码实现的是搜索系统的功能，输入系统包含的任意字符，下来列表列出包含该字符的所有系统，通过上下键或用鼠标选择想要的系统，点击或者按回...
input两种默认显示文字方式
热门推荐
痞子杨
12-13 7万+
1.placeholder属性 规定帮助用户填写输入字段的提示，值不会被提交， 且该提示会在输入字段为空时显示，并会在字段获得焦点时消失。如<input type="text" name="tname" placeholder="请在这里输入用户名">2.value属性 规定 input 元素的值，值会被提交如<input type="text" name="tname" value ="admin
总结button,input type=“button“,input type=“text“中：[在value添加值] 和 [标签内添加值]的区别
weixin_72322475的博客
05-25 1031
总结button,input type="button",input type="text"中：[在value添加值] 和 [标签内添加值]的区别
input type="text" 标签中如果设置value属性，在输入框中输入文本，最后会提交value的值还是文本框中的内容？
渐渐的忘记，赶不上明天（读研ing，2024年毕业）
12-27 3398
input type=“text” 标签中如果设置value属性，在输入框中输入文本，最后会提交文本框中的内容。 eg: <input type="text" name="page" value="2"> 最终提交的是page=3 value的值是默认值。 ...
如何用正则取input type=text中的value
12-02
1.如何通过正则取input type=”text”中的value呢? 2.如何过滤掉input type=”checkbox”的标签? 这样只能达到正则取input type=”text”中的value可是不能过滤掉input type=”checkbox”的标签! alert [Ctrl...
jquery对所有input type=text的控件赋值实现方法
01-19
如下所示： function resetData() { $(input[type=text]).each( ...以上这篇jquery对所有input type=text的控件赋值实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
完美解决input[type=number]无法显示非数字字符的问题
12-01
在移动端webview实现的页面中，有数字的地方必须使用input type=”number”类型的input，否则触发后的键盘为全...input class="pg-page-num" type="text" name="" value="34/233" id="pageNum"> <input type="hi
【快速文档】input标签，一文带你彻底学会小程序中的输入
吴茗的博客
10-05 948
重要参数 value 输入框中的初始输入内容 type 输入框的种类，如果是文本就不用填写 1，number 数字 2，idcard 身份证 3，digit 带小数点的数字 4，safe-password 安全键盘 password 密码类型，不用就不填 placeholder 占位文字，或者说提示文字 placeholder-class 为提示文字绑定一个类 maxlength 设置最大长度，不设置最多140，设置为-1可以无限输入 confirm-type 键盘的确认文字，只能用
「input type=“text“」和「textarea」的区别
爱吃肉的洋
07-13 4698
在我们开发时经常需要用到输入框，通常解决办法就是和,那么这两个标签有什么区别呢？ 一：<input type="text"> 标签 text标签是单行文本框，不会换行。 通过size属性指定显示字符的长度，注意：当使用css限定了宽高，那么size属性就不再起作用。 value属性指定初始值，Maxlength属性指定文本框可以输入的最长长度。 　　 可以通过width和height设置宽高，但是也不会增加行数，下面是一个例子： <input type="text" style="wid
修改input提示字的样式
weixin_48596030的博客
12-10 4856
修改input提示字的样式
<input>的type属性
Ms_WY的博客
12-20 1223
type 属性规定 input 元素的类型。 语法：   text    定义用户可输入文本的单行输入字段。 Email: Pin:   Password  定义密码字段。密码字段中的字符会被掩码（显示为星号或原点）。 Email: Password:   Radio  定义单选按钮。单选按钮允许用户选取给定数目的选
行业分析模板--初学者必备gl.ppt
最新发布
05-03
行业分析模板--初学者必备gl.ppt
<td class="auto-wrap"><input type="text" name="aoi_step" value="3"></td> <td class="auto-wrap"><input type="text" name="defect_type" value="Particle"></td> <td class="auto-wrap"><input type="text" name="layer_code" value="ACT"></td> <td class="auto-wrap"><input type="text" name="type" value="Particle"></td> <td class="auto-wrap"><input type="text" name="dpet" value="ACT"></td> <td class="auto-wrap"><input type="text" name="subcode" value="Particle"></td> <td class="auto-wrap"><input type="text" name="code_description" value="ACT"></td>修改后输入框并不能进行换行，并且我需要将输入框和表格大小相同，
07-24
要使输入框进行换行并且与表格大小相同，可以使用 CSS 样式来实现。将输入框的宽度设置为100%以使其与表格单元格大小相同，并使用 CSS 的 `word-break` 属性来控制输入框中的文本换行。 首先，你可以为每个单元格中的输入框添加一个类名，以便为其应用样式。例如： ```html <td class="auto-wrap"><input type="text" name="aoi_step" value="3"></td> <td class="auto-wrap"><input type="text" name="defect_type" value="Particle"></td> <td class="auto-wrap"><input type="text" name="layer_code" value="ACT"></td> <td class="auto-wrap"><input type="text" name="type" value="Particle"></td> <td class="auto-wrap"><input type="text" name="dpet" value="ACT"></td> <td class="auto-wrap"><input type="text" name="subcode" value="Particle"></td> <td class="auto-wrap"><input type="text" name="code_description" value="ACT"></td> ``` 然后，你可以使用以下 CSS 样式来实现输入框的换行和与表格大小相同： ```css .auto-wrap input[type="text"] { width: 100%; word-break: break-all; } ``` 将以上 CSS 样式添加到你的样式表中，或者直接将其添加到 `<style>` 标签中。 这样，输入框的宽度将与表格单元格相同，并且文本将根据单元格宽度进行换行。 希望这能解决你的问题。如果还有其他疑问，请随时提问。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值