TYPECHO WIKI
每一个作品都值得被记录

敬告读者,感谢您对本站的支持,在今年10月份因Racknerd机房硬盘事故,导致本站静态文件全部丢失,包含主题插件网站图片等文件,TypechoWiki经过几次更换站长,凝结了多位站长的心血,如今因为大意只备份了数据库未及时备份静态文件而导致严重数据丢失事故,现已无力回天,经过深思我决定后续可能永久停更该网站,请各位读者寻求其它Typecho周边下载站,另外如果你对本站感兴趣也欢迎报价,我们愿意出售该站联系邮箱[email protected],目前该站的静态文件仅为2019年以前的版本,2019年以后的各位站长精心维护的插件和主题压缩包以及站内图片全部丢失!

input、textarea 标签的placeholder属性中实现换行的方法

Typecho维基君资源分享 • 719次浏览 • 发布 2023-04-11 • 更新 2023-04-13

1、说明:

因为在placeholder不会解析html代码,所以用换行符 <br/>/r/n 等都没有作用。我们可以用用转义字符代替<br/>

2、转义字符:


   表示回车


   表示换行

" 表示单引号

更多转义字符可以参考本文底部表格!

<textarea id="txtRCName" runat="server" rows="5" cols="120" datatype="*" nullmsg="请输入标题名称!" sucmsg=" " placeholder="首先核对注册证型号和价格单型号是否一样,其次核对价格单型号是否都有注册证,无注册证的少于有注册证的在该框把无注册证的单独罗列出来,有注册证的无需罗列。&#13;&#10;开票名称包括分类编码、开票名称,开票型号和价格单型号不一致的情况下,备注说明。"></textarea>

3、效果如下:

1895520-20200826214105733-456062778.png

特殊字符转义表

字符十进制转义字符
"&#34;&quot;
&&#38;&amp;
<&#60;&lt;
>&#62;&gt;
不断开空格(non-breaking space)&#160;&nbsp;

最常用的转义字符列表

显示说明实体名称十进制编号
半方大的空白&ensp;&#8194;
全方大的空白&emsp;&#8195;
不断行的空白格&nbsp;&#160;
<小于&lt;&#60;
>大于&gt;&#62;
&&符号&amp;&#38;
"双引号&quot;&#34;
©版权&copy;&#169;
®已注册商标&reg;&#174;
商标(美国)&trade;&#8482;
×乘号&times;&#215;
÷除号&divide;&#247;

ISO 8859-1 (Latin-1)字符集

显示名称十进制显示名称十进制
&nbsp;&#160;¡&iexcl;&#161;
¢&cent;&#162;£&pound;&#163;
¤&curren;&#164;¥&yen;&#165;
¦&brvbar;&#166;§&sect;&#167;
¨&uml;&#168;©&copy;&#169;
ª&ordf;&#170;«&laquo;&#171;
¬&not;&#172; &shy;&#173;
®&reg;&#174;¯&macr;&#175;
°&deg;&#176;±&plusmn;&#177;
²&sup2;&#178;³&sup3;&#179;
´&acute;&#180;µ&micro;&#181;
&para;&#182;·&middot;&#183;
¸&cedil;&#184;¹&sup1;&#185;
º&ordm;&#186;»&raquo;&#187;
¼&frac14;&#188;½&frac12;&#189;
¾&frac34;&#190;¿&iquest;&#191;
À&Agrave;&#192;Á&Aacute;&#193;
Â&Acirc;&#194;Ã&Atilde;&#195;
Ä&Auml;&#196;Å&Aring;&#197;
Æ&AElig;&#198;Ç&Ccedil;&#199;
È&Egrave;&#200;É&Eacute;&#201;
Ê&Ecirc;&#202;Ë&Euml;&#203;
Ì&Igrave;&#204;Í&Iacute;&#205;
Î&Icirc;&#206;Ï&Iuml;&#207;
Ð&ETH;&#208;Ñ&Ntilde;&#209;
Ò&Ograve;&#210;Ó&Oacute;&#211;
Ô&Ocirc;&#212;Õ&Otilde;&#213;
Ö&Ouml;&#214;×&times;&#215;
Ø&Oslash;&#216;Ù&Ugrave;&#217;
Ú&Uacute;&#218;Û&Ucirc;&#219;
Ü&Uuml;&#220;Ý&Yacute;&#221;
Þ&THORN;&#222;ß&szlig;&#223;
à&agrave;&#224;á&aacute;&#225;
â&acirc;&#226;ã&atilde;&#227;
ä&auml;&#228;å&aring;&#229;
æ&aelig;&#230;ç&ccedil;&#231;
è&egrave;&#232;é&eacute;&#233;
ê&ecirc;&#234;ë&euml;&#235;
ì&igrave;&#236;í&iacute;&#237;
î&icirc;&#238;ï&iuml;&#239;
ð&eth;&#240;ñ&ntilde;&#241;
ò&ograve;&#242;ó&oacute;&#243;
ô&ocirc;&#244;õ&otilde;&#245;
ö&ouml;&#246;÷&divide;&#247;
ø&oslash;&#248;ù&ugrave;&#249;
ú&uacute;&#250;û&ucirc;&#251;
ü&uuml;&#252;ý&yacute;&#253;
þ&thorn;&#254;ÿ&yuml;&#255;

符号、数学符号和希腊字母 symbols, mathematical symbols, and Greek letters

显示名称编号显示名称编号
ƒ&fnof;&#402;Α&Alpha;&#913;
Β&Beta;&#914;Γ&Gamma;&#915;
Δ&Delta;&#916;Ε&Epsilon;&#917;
Ζ&Zeta;&#918;Η&Eta;&#919;
Θ&Theta;&#920;Ι&Iota;&#921;
Κ&Kappa;&#922;Λ&Lambda;&#923;
Μ&Mu;&#924;Ν&Nu;&#925;
Ξ&Xi;&#926;Ξ&Xi;&#926;
Ο&Omicron;&#927;Π&Pi;&#928;
Ρ&Rho;&#929;Σ&Sigma;&#931;
Τ&Tau;&#932;Υ&Upsilon;&#933;
Φ&Phi;&#934;Χ&Chi;&#935;
Ψ&Psi;&#936;Ω&Omega;&#937;
α&alpha;&#945;β&beta;&#946;
γ&gamma;&#947;δ&delta;&#948;
ε&epsilon;&#949;ζ&zeta;&#950;
η&eta;&#951;θ&theta;&#952;
ι&iota;&#953;κ&kappa;&#954;
λ&lambda;&#955;μ&mu;&#956;
ν&nu;&#957;ξ&xi;&#958;
ο&omicron;&#959;π&pi;&#960;
ρ&rho;&#961;ς&sigmaf;&#962;
σ&sigma;&#963;τ&tau;&#964;
υ&upsilon;&#965;φ&phi;&#966;
χ&chi;&#967;ψ&psi;&#968;
ω&omega;&#969;?&thetasym;&#977;
?&upsih;&#978;?&piv;&#982;
&bull;&#8226;&hellip;&#8230;
&prime;&#8242;&Prime;&#8243;
&oline;&#8254;&frasl;&#8260;
&weierp;&#8472;&image;&#8465;
&real;&#8476;&trade;&#8482;
&alefsym;&#8501;&larr;&#8592;
&uarr;&#8593;&rarr;&#8594;
&darr;&#8595;&harr;&#8596;
&crarr;&#8629;&lArr;&#8656;
&uArr;&#8657;&rArr;&#8658;
&dArr;&#8659;&hArr;&#8660;
&forall;&#8704;&part;&#8706;
&exist;&#8707;&empty;&#8709;
&nabla;&#8711;&isin;&#8712;
&notin;&#8713;&ni;&#8715;
&prod;&#8719;&sum;&#8721;
&minus;&#8722;&lowast;&#8727;
&radic;&#8730;&prop;&#8733;
&infin;&#8734;&ang;&#8736;
&and;&#8743;&or;&#8744;
&cap;&#8745;&cup;&#8746;
&int;&#8747;&there4;&#8756;
&sim;&#8764;&cong;&#8773;
&asymp;&#8776;&ne;&#8800;
&equiv;&#8801;&le;&#8804;
&ge;&#8805;&sub;&#8834;
&sup;&#8835;&nsub;&#8836;
&sube;&#8838;&supe;&#8839;
&oplus;&#8853;&otimes;&#8855;
&perp;&#8869;&sdot;&#8901;
?&lceil;&#8968;?&rceil;&#8969;
?&lfloor;&#8970;?&rfloor;&#8971;
?&lang;&#9001;?&rang;&#9002;
&loz;&#9674;&spades;&#9824;
&clubs;&#9827;&hearts;&#9829;
&diams;&#9830;

重要的国际标记 markup-significant and internationalization characters

显示名称编号显示名称编号
"&quot;&#34;`&&amp;&#38;
<&lt;&#60;>&gt;&#62;
Œ&OElig;&#338;œ&oelig;&#339;
Š&Scaron;&#352;š&scaron;&#353;
Ÿ&Yuml;&#376;ˆ&circ;&#710;
˜&tilde;&#732; &ensp;&#8194;
&emsp;&#8195; &thinsp;&#8201;
&zwnj;&#8204;‍‍&zwj;&#8205;
‎‎&lrm;&#8206;‏‏&rlm;&#8207;
&ndash;&#8211;&mdash;&#8212;
&lsquo;&#8216;&rsquo;&#8217;
&sbquo;&#8218;&ldquo;&#8220;
&rdquo;&#8221;&bdquo;&#8222;
&dagger;&#8224;&Dagger;&#8225;
&permil;&#8240;&lsaquo;&#8249;
&rsaquo;&#8250;&euro;&#8364;

为什么要用转义字符串?

HTML中<,>,&等有特殊含义(<,>,用于链接签,&用于转义),不能直接使用。这些符号是不显示在我们最终看到的网页里的,那如果我们希望在网页中显示这些符号,该怎么办呢?

这就要说到HTML转义字符串(Escape Sequence)了。

转义字符串(Escape Sequence)也称字符实体(Character Entity)。在HTML中,定义转义字符串的原因有两个:第一个原因是像“<”和“>”这类符号已经用来表示HTML标签,因此就不能直接当作文本中的符号来使用。为了在HTML文档中使用这些符号,就需要定义它的转义字符串。当解释程序遇到这类字符串时就把它解释为真实的字符。在输入转义字符串时,要严格遵守字母大小写的规则。第二个原因是,有些字符在ASCII字符集中没有定义,因此需要使用转义字符串来表示。

转义字符串的组成

转义字符串(Escape Sequence),即字符实体(Character Entity)分成三部分:第一部分是一个`&符号,英文叫ampersand;第二部分是实体(Entity)名字或者是#加上实体(Entity)编号;第三部分是一个分号。

比如,要显示小于号(<),就可以写 &lt; 或者 &#60;

用实体(Entity)名字的好处是比较好理解,一看lt,大概就猜出是less than的意思,但是其劣势在于并不是所有的浏览器都支持最新的Entity名字。而实体(Entity)编号,各种浏览器都能处理。

提示:实体名称(Entity)是区分大小写的。

备注:同一个符号,可以用“实体名称”和“实体编号”两种方式引用,“实体名称”的优势在于便于记忆,但不能保证所有的浏览器都能顺利识别它,而“实体编号”则没有这种担忧,但它实在不方便记忆。

如何显示空格?

通常情况下,HTML会自动截去多余的空格。不管你加多少空格,都被看做一个空格。比如你在两个字之间加了10个空格,HTML会截去9个空格,只保留一个。为了在网页中增加空格,你可以使用&nbsp;表示空格。

广告声明:文内含有的对外跳转链接(包括不限于超链接、二维码、口令等形式),用于传递更多信息,节省甄选时间,结果仅供参考,Typecho.Wiki所有文章均包含本声明。
厂商投放

【腾讯云】🎉五一云上盛惠!云服务器99元/月续费同价!

腾讯云五一劳动节海量产品 · 轻松上云!云服务器首年1.8折起,买1年送3个月!超值优惠,性能稳定,让您的云端之旅更加畅享。快来腾讯云选购吧!

广告
添加新评论 »