html拼接from字段不显示,在HTML字段中显示文本而不提交文本

野性酷女 2022-10-06 07:57 206阅读 0赞

好的，这基本上就是我这样做的。我将标签放在字段中，然后当页面加载时，我使用.data()以隐藏的方式存储标签。当表单被提交时，如果它包含与.data()中相同的内容，那么我将其清除(或者如果您希望填充该字段，则可以禁止提交)

$(document).ready(function()\{

// this will make sure we always remember what the values were:

$("form.myform input\[type='text'\]").each(function()\{

// I like to add a class as well, so I can make the label text in a lighter color

if ($(this).val().length > 0) \{

$(this).data('label', $(this).val()).addClass('label');

\}

\});

// this will clear the text when the input receives focus:

$("form.myform input\[type='text'\]").focus(function()\{

if ($(this).data('label') == $(this).val()) \{

$(this).val('').removeClass('label');

\}

\});

// this will make sure the fields don't get submitted like that, but won't stop

// the form from being submitted....

$("form.myform").submit(function()\{

$(this).find("input\[type='text'\]").each(function()\{

if ($(this).val() == $(this).data('label')) \{

$(this).val('');

\}

\});

\});

我没有在浏览器中运行或测试过，但从理论上说这应该可行(我以前做过)

此外，如果用户没有编辑文本，我们就不会再次使用标签文本填充标签文本....

发表评论取消回复

表情：

评论列表（有 0 条评论，206人围观）

还没有评论，来说两句吧...

相关阅读

相关 html标签label超出长度（文本溢出）时，不换行，而在最后边显示省略号

*在label样式上直接写上** style="width:30px;height:20px;overflow:hidden;text-overflow:ell...

叁歲伎倆/ 2024年04月18日 09:25/ 0 赞/ 36 阅读

相关 html --- 文本超出部分显示省略号

在前端开发中，我们往往需要对一些文本内容进行隐藏，达到格式一致，外表美观的效果。如图所示： ![416e781614e44174a1189b6f17d8552e.png]

小灰灰/ 2023年09月28日 10:28/ 0 赞/ 175 阅读

相关 textarea 显示纯文本,HTML显示换行符在textarea中

![Image 1][] I have asked this question now several ways, but still have not gotten an

梦里梦外;/ 2023年01月24日 02:28/ 0 赞/ 29 阅读

相关 js去掉html字段中html标签和图片富文本

var msg = content.replace(/<(p|div)[^>]>(<br\/?>| )<\/\1>/gi, '\n').replace(/<br\/?>

た入场券/ 2023年01月16日 03:21/ 0 赞/ 186 阅读

相关 html 背景图片不显示_HTML

1.HTML是超文本标记语言。 2.HTML不需要翻译，直接由浏览器执行。 3.HTML文件是一个文本文件 4.HTML文件必须使用HTML或HTM为文件名后缀 5.H

- 日理万妓/ 2023年01月10日 13:08/ 0 赞/ 245 阅读

相关 html 显示文本_HTML基础操作：图片显示

背景图片本例演示如何向 HTML 页面添加背景图片。图像背景 gif 和 jpg 文件均可用作 HTML 背景。如果图像小于页面，图像会进行重复。 ![

刺骨的言语ヽ痛彻心扉/ 2023年01月10日 13:08/ 0 赞/ 166 阅读

相关 html 视频服务器不显示,html – CSS选择器不显示在服务器上

>检查您的import语句. 尝试将此插入到head-tag中： >如果没有像这样的@ font-face声明： @font-face \{ font-family:

川长思鸟来/ 2022年10月07日 08:56/ 0 赞/ 209 阅读

相关 html拼接from字段不显示,在HTML字段中显示文本而不提交文本

好的，这基本上就是我这样做的。我将标签放在字段中，然后当页面加载时，我使用.data()以隐藏的方式存储标签。当表单被提交时，如果它包含与.data()中相同的内容，那么我将其

野性酷女/ 2022年10月06日 07:57/ 0 赞/ 207 阅读

相关 SQL字段拼接显示

本篇博客主要介绍：实现代码功能过程中对于sql语句中某几个字段的拼接，算是今天的一点点收获吧。如图：需要在sql中拼接两个字段，年级和上课班名称，显示在界面： ![这

雨点打透心脏的1/2处/ 2022年06月07日 08:00/ 0 赞/ 361 阅读

相关 Angular 4中如何显示html文本

我们都知道，如果使用两个大括号\{ \{ \}\}, HTML 文本不能正确解析。采用 <div [innerHTML]="exam.examArticle.ar

蔚落/ 2022年06月01日 11:06/ 0 赞/ 281 阅读