当前位置：文江博客话题详情

需要 HTML 文本区域标记帮助

发布于 2024-11-25 14:08:05 字数 52 浏览 0 评论 0原文

我在文本区域中设置了默认值。我希望当有人单击文本区域时默认值消失。 HTML 代码是什么？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

苏大泽ㄣ 2024-12-02 14:08:05

您正在寻找 HTML5 placeholder 属性：

<textarea name="mytext" cols="30" rows="5" placeholder="Default"></textarea>

这适用于所有较新的浏览器保存为 IE。要覆盖旧版浏览器，您可以使用填充程序

You are looking for the HTML5 placeholder attribute:

<textarea name="mytext" cols="30" rows="5" placeholder="Default"></textarea>

This will work on all newer browsers save for IE. To cover older browser, you can use a shim

回复收藏 0 原文

家住魔仙堡 2024-12-02 14:08:05

您无法在 HTML 中执行此操作。为此，您必须使用 Javascript。所以像这样...

<textarea name="mytext" cols="30" rows="5" onfocus="if(this.value=='Default')this.value='';">
    Default
</textarea>

onfocus 属性将允许 Javascript 在文本框获得焦点后执行。 Javascript 检查文本是否是默认文本，如果是，它将清除文本框。

You can't do this in HTML. You'll have to use Javascript for that. So something like this...

<textarea name="mytext" cols="30" rows="5" onfocus="if(this.value=='Default')this.value='';">
    Default
</textarea>

The onfocus property will allow the Javascript to execute once the textbox has focus. The Javascript checks to see if the text is the default and if it is, it will clear the textbox.

回复收藏 0 原文

夜声 2024-12-02 14:08:05

尝试这个jQuery

$("#id_of_textarea").focus(function(){
    $(this).val("");
    });

在textarea标签中

onfocus="this.value='';"

或javascript：或者对于较新的浏览器，html5（也在textarea标签中）：

placeholder="Your Default String"

或者将其带回来：

onfocus="if(this.value=='Default String') this.value='';"
       onblur="if(this.value=='') this.value='Default String';"

try this jQuery

$("#id_of_textarea").focus(function(){
    $(this).val("");
    });

or javascript inside the textarea tag:

onfocus="this.value='';"

or for newer browsers the html5 (also in the textarea tag):

placeholder="Your Default String"

or to bring it back:

onfocus="if(this.value=='Default String') this.value='';"
       onblur="if(this.value=='') this.value='Default String';"

回复收藏 0 原文

迷乱花海 2024-12-02 14:08:05

<textarea onfocus="this.value = ''">This is my default value</textarea>

这是负责的一小段代码：

onfocus="this.value = ''"

基本上，当焦点事件被触发时，当前字段的值被设置为空字符串 ""

当然，您可以使其更复杂并确保它仅当元素包含默认消息时才删除：

<textarea id="myfield">This is my default value</textarea>

javascript:

var defaultMsg = "This is my default value";
document.getElementById("myfield").onfocus = function () {
   if (this.value == defaultMsg) {
      this.value = "";
   }
}

document.getElementById("myfield").onblur = function () {
   if (this.value == "") {
      this.value = defaultMsg;
   }
}

<textarea onfocus="this.value = ''">This is my default value</textarea>

this is the little piece of code responsible:

onfocus="this.value = ''"

basically when the focus event is fired, the value of the current field is set to an empty string ""

of course you can make it more complexe and make sure it only erase when the element contains the default message:

<textarea id="myfield">This is my default value</textarea>

javascript:

var defaultMsg = "This is my default value";
document.getElementById("myfield").onfocus = function () {
   if (this.value == defaultMsg) {
      this.value = "";
   }
}

document.getElementById("myfield").onblur = function () {
   if (this.value == "") {
      this.value = defaultMsg;
   }
}

回复收藏 0 原文

~没有更多了~