<html><head></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; ">can anyone point me to examples of active graphics in html5 forms?<div>similarly for radio buttons?</div><div><br></div><div>is there a technical description, or specification?</div><div><br></div><div>regards</div><div><br></div><div>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Jonathan Chetwynd's mail signature</title>
<style type="text/css">
.box p {letter-spacing: .01em; padding: 0 0 0 3px; line-height: 1.2em; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #444444;}
.box p a {text-decoration: none !important; color: #4a8fc3;}
.box p a:hover {color: #fe4e90;}
.box object {position:relative; float:left; z-index: 0; padding: 4px;}
.border-top {border-top: 1px solid #fe4e90; height: 1px; width: 320px;}
.border-bot {clear: both; border-bottom: 1px solid #fe4e90; height: 1px; width: 320px;}
.clear {clear: both; height: 10px; position: relative; float: left;}
</style>
<audio id="atari" onended="event.target.currentTime=0;event.target.pause();">
<source src="http://www.peepo.com/audio/splat.mp3">
<source src="http://www.peepo.com/audio/splat.ogg">
</audio>
<div class="box">
<div class="border-top"></div>
<a href="http://www.peepo.com/"><object type="image/svg+xml" data="http://www.peepo.com/pics/peepo.svg" width="150" height="150" onmouseover="document.getElementById('atari').play()"><img src="file:///Users/jaymini/new/socket/favicon.ico" alt="peepo logo" width="150" height="150"></object></a>
<p>Jonathan Chetwynd </p>
<p>~:" <a href="mailto:j.chetwynd@btconnect.com">jay@peepo.com</a><br>
<a href="http://www.peepo.com/">http://www.peepo.com</a></p>
<p align="left">+44 (0) 20 7978 1764</p>
<div class="border-bot"></div>
</div>
</div>
<br></body></html>