For a more realistic rendering of form controls, ruby and embedded content, please select the "Emulate Web Browser" entry in the View menu.

Form controls

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
  • default size=1
  • size=3
  • multiple
textarea rows=4, cols=40
output
fieldset element starting with this legend element[0 100] + =.
progress value=50, max=100 50
meter value=-50, min=-100, max=100, low=-20, high=60 -50

Ruby

Examples taken from W3C Recommendation "HTML5 A vocabulary and associated APIs for HTML and XHTML" (October 28, 2014).

Ruby Possible Rendering
ほん いたさくぶんです。
今日きょう
きょう
jiùjīnshānSan Francisco
じようjouzu

Embedded content

iframe width=640, height=360
embed
object width=431, height=123
video
audio
map

Click on a shape:

Four shapes are available: a red hollow box, a green circle, a blue triangle, and a yellow four-pointed star. SquareCircleTrianglePolygonGeometric shape, from Wikipedia, the free encyclopedia
canvas width=200, height=100