修改文本框以使某些文本在使用占位符属性单击时消失
Modifying textbox to have some text that disappears upon clicking using the placeholder attribute
我正试图修改网页上的一个文本框,以便在其中写入一些文本,一旦用户点击文本框输入信息,这些文本就会消失。我尝试过使用占位符属性,但没有成功。然后我尝试添加以下内容:(https://github.com/jamesallardice/Placeholders.js)为了使占位符起作用,它再次不起作用(文本框保持为空)。
我是一个使用InternetExplorer8编程的初学者。
这是代码:
<td colspan="3">
<textarea style="background: #F6E3CE; overflow:auto;" rows="3" cols="70" name="" id="" placeholder="Please enter your name here" onchange="commentsChanged(this,<?php echo $variable;?>);"><?php echo str_replace(''r'n', "'n", rtrim($variable2[0][TitleTitle]));?></textarea>
</td>
如果缺少任何信息,请告诉我。
谢谢!
使用jQuery可以做到这一点:(我没有测试,但这不远)
<script type="text/javascript">
$("input#text").focus(function(){
if( $(this).val() == "default message" )
{
$(this).val("");
}
}).blur(function(){
if( $(this).val() == "" )
{
$(this).val("default message");
}
});
</script>
或者不带jQuery:
HTML代码
<textarea onFocus="placeholder(this, ´focus´)" onBlur="placeholder(this, ´blur´)">Default value</textarea>
JavaScript代码
<script>
function placeholder(el, w) {
if (el.value == "Default value" && w == "focus") el.value = "";
if (el.value == "" && w == "blur") el.value = "Default value";
}
</script>
相关文章:
- 如何在弹出窗口中隐藏文本属性'It’传单上没有填写
- FabricJS CurvedText对象(扩展)在更新间距和文本属性时未显示
- jQuery文本属性中的Html代码
- jQuery 控件的 AJAX 文本属性成功,返回 [对象对象]
- 我可以在Javascript的DOM节点中存储非文本属性吗?
- 如何平展对象文本属性
- D3:x 轴上的日期名称:<文本>属性 x=“NaN”的值无效
- 检查对象文本属性的名称
- 在javascript更新后,从web用户控件获取codebehind中的asp:TextBox文本属性
- 文本属性输入框,用于选择字体
- D3圆包:html文本属性
- Javascript /jquery-如何检查一个元素是否有文本属性
- JointJS模型-文本属性没有被分配
- Raphaeljs Substring文本属性
- Textarea值和文本属性在react中没有定义
- javascript更新后,Asp文本框文本属性不正确
- 显示来自数据文本属性的数据
- 无法使用函数更改d3.js中的文本属性(“y”)
- 使用javascript在客户端的gridview中设置标签控件文本属性
- Angular + d3.js:使用SVG文本属性进行数据绑定