HTML変更テストプログラム用ＨＴＭＬ

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html;charset=UTF-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1">

<title>MetrooUI HTML Sample Page</title>

<style>
textarea {
 font-size: 1.5em;
 width: 80%;
 height: 9em;
 margin: 10px;
}
</style>

<style type="text/css">
<!--

#buttonx {
  width:20%;
  color:#ffffff;
  background:#337fcc;
  font-family: fantasy,sans-serif;
  font-size:24px;
  font-weight:bold;
  text-shadow:0 1px 0px #143352,0 2px 0px #143352;
  text-align:center;
  display:inline-block;
  text-decoration:none;
  border:1px solid #225588;
  padding:15px 0 12px 0;
  border-radius:5px;
  margin-bottom:20px;
  margin-left:10px;
}

-->


</style>

<script type="text/javascript">
    function doDataLink(data) {
        // alert(data);
        Android.dataLink(data);
    }
</script>

</head>
<body>
<div>
<textarea id="aaa" name="aaaa">テスト</textarea>
</div>
<div>
<a id="buttonx" onmouseover="this.style.background='#43cd80'" onmouseout="this.style.background='#337fcc'" onclick="this.style.background='#43cd80';doDataLink('//a//')">テスト</a>
</div>


</body>
</html>