Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

<!DOCTYPE html>
<html>
<head>
<title>Test unicode-bidi in form controls</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<style type="text/css">
.reversed {
direction: rtl;
unicode-bidi: bidi-override;
}
</style>
</head>
<body>
<p class="reversed">This paragraph should appear backwards</p>
<p>
<textarea class="reversed" rows="3" cols="80" style="resize:none">This textarea should appear backwards</textarea><br>
<input class="reversed" type="text" size="80" value="This input should appear backwards"><br>
<input class="reversed" type="button" value="This button should appear backwards"><br>
<select size="6" class="reversed">
<option selected class="reversed">This</option>
<optgroup class="reversed" label="select">
<option class="reversed">should</option>
<option class="reversed">appear</option>
</optgroup>
<optgroup class="reversed" label="backwards">
<option class="reversed">throughout</option>
</optgroup>
</select><br>
</body>
</html>