For a more realistic rendering of form controls, ruby and embedded content, please select the "Emulate Web Browser" entry in the View menu.
Note that even when "Emulate Web Browser" is enabled, a grid is drawn around each
ruby
segment and alsorp
elements are rendered. The idea here is to make ruby editing easier in XXE.
input type=hidden | |
---|---|
input type=text size=5 | |
input type=search | |
input type=tel pattern="\d+" | |
input type=url | |
input type=email autocomplete=on, list=contact (not yet supported) | |
input type=password | |
input type=date | |
input type=time | |
input type=datetime-local | |
input type=month | |
input type=week | |
input type=number min=-1, max=1, step=0.1 | |
input type=range value=-0.5, min=-1, max=1, step=0.1 | |
input type=color | |
input type=checkbox | |
input type=radio | |
input type=file accept=.xml, .dita, .xhtml, .html, .htm | |
input type=submit | |
input type=image | |
input type=reset | |
input type=button | |
button | |
select |
|
textarea rows=4, cols=40 | |
output | |
progress value=50, max=100 | |
meter value=-50, min=-100, max=100, low=-20, high=60 |
Some examples taken from the HTML Living Standard.
Ruby | Possible Rendering |
---|---|
漢字 |
|
鬼門の方角を凝視する。 |
|
♥ ☘ ✶ Same as above with |
|
|
iframe width=640, height=360 | |
---|---|
embed | |
object width=431, height=123 | |
video | |
audio | |
map | Click on a shape: ![]() |
canvas width=200, height=100 |