[html5] r7292 - [e] (0) Add example showing bidi in placeholder='' Fixing https://www.w3.org/Bug [...]
whatwg at whatwg.org
whatwg at whatwg.org
Tue Aug 28 14:20:52 PDT 2012
Author: ianh
Date: 2012-08-28 14:20:50 -0700 (Tue, 28 Aug 2012)
New Revision: 7292
Modified:
complete.html
index
source
Log:
[e] (0) Add example showing bidi in placeholder=''
Fixing https://www.w3.org/Bugs/Public/show_bug.cgi?id=17814
Affected topics: HTML
Modified: complete.html
===================================================================
--- complete.html 2012-08-28 18:54:07 UTC (rev 7291)
+++ complete.html 2012-08-28 21:20:50 UTC (rev 7292)
@@ -52109,8 +52109,25 @@
</div>
+ <div class=example>
+ <p>In situations where the control's content has one directionality
+ but the placeholder needs to have a different directionality,
+ Unicode's bidirectional-algorithm formatting characters can be used
+ in the attribute value:</p>
+ <pre><input name=t1 type=tel placeholder="<strong>‫</strong> <bdo dir=rtl>رقم الهاتف 1</bdo> <strong>‮</strong>">
+<input name=t2 type=tel placeholder="<strong>‫</strong> <bdo dir=rtl>رقم الهاتف 2</bdo> <strong>‮</strong>"></pre>
+
+ <p>For slightly more clarity, here's the same example using numeric character references instead of inline Arabic:</p>
+
+ <pre><input name=t1 type=tel placeholder="<strong>‫</strong>رقم الهاتف 1<strong>‮</strong>">
+<input name=t2 type=tel placeholder="<strong>‫</strong>رقم الهاتف 2<strong>‮</strong>"></pre>
+
+ </div>
+
+
+
<!--TOPIC:DOM APIs-->
<h5 id=common-input-element-apis><span class=secno>4.10.7.4 </span>Common <code><a href=#the-input-element>input</a></code> element APIs</h5>
Modified: index
===================================================================
--- index 2012-08-28 18:54:07 UTC (rev 7291)
+++ index 2012-08-28 21:20:50 UTC (rev 7292)
@@ -52109,8 +52109,25 @@
</div>
+ <div class=example>
+ <p>In situations where the control's content has one directionality
+ but the placeholder needs to have a different directionality,
+ Unicode's bidirectional-algorithm formatting characters can be used
+ in the attribute value:</p>
+ <pre><input name=t1 type=tel placeholder="<strong>‫</strong> <bdo dir=rtl>رقم الهاتف 1</bdo> <strong>‮</strong>">
+<input name=t2 type=tel placeholder="<strong>‫</strong> <bdo dir=rtl>رقم الهاتف 2</bdo> <strong>‮</strong>"></pre>
+
+ <p>For slightly more clarity, here's the same example using numeric character references instead of inline Arabic:</p>
+
+ <pre><input name=t1 type=tel placeholder="<strong>‫</strong>رقم الهاتف 1<strong>‮</strong>">
+<input name=t2 type=tel placeholder="<strong>‫</strong>رقم الهاتف 2<strong>‮</strong>"></pre>
+
+ </div>
+
+
+
<!--TOPIC:DOM APIs-->
<h5 id=common-input-element-apis><span class=secno>4.10.7.4 </span>Common <code><a href=#the-input-element>input</a></code> element APIs</h5>
Modified: source
===================================================================
--- source 2012-08-28 18:54:07 UTC (rev 7291)
+++ source 2012-08-28 21:20:50 UTC (rev 7292)
@@ -60657,8 +60657,25 @@
</div>
+ <div class="example">
+ <p>In situations where the control's content has one directionality
+ but the placeholder needs to have a different directionality,
+ Unicode's bidirectional-algorithm formatting characters can be used
+ in the attribute value:</p>
+ <pre><input name=t1 type=tel placeholder="<strong>‫</strong> <bdo dir=rtl>رقم الهاتف 1</bdo> <strong>‮</strong>">
+<input name=t2 type=tel placeholder="<strong>‫</strong> <bdo dir=rtl>رقم الهاتف 2</bdo> <strong>‮</strong>"></pre>
+
+ <p>For slightly more clarity, here's the same example using numeric character references instead of inline Arabic:</p>
+
+ <pre><input name=t1 type=tel placeholder="<strong>‫</strong>رقم الهاتف 1<strong>‮</strong>">
+<input name=t2 type=tel placeholder="<strong>‫</strong>رقم الهاتف 2<strong>‮</strong>"></pre>
+
+ </div>
+
+
+
<!--TOPIC:DOM APIs-->
<h5>Common <code>input</code> element APIs</h5>
More information about the Commit-Watchers
mailing list