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
rubysegment and alsorpelements 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 |