实验报告
[实验目的]
1. 成功掌握hbuilder开发环境的使用方法；
2. 熟悉hbuilder的真机联调方法与步骤；
3. 成功下载一个简单的HTML程序到手机端。
[实验内容]
1. 使用HTML编写一个简单的表单页面；
2. 使用hbuilder对该页面进行真机联调；
3. 在手机上显示该页面。
[实验环境]
硬件环境：ASUS电脑安卓手机；
软件环境：hbuilder
[实验报告]
1.打开hbuilder软件，然后创建一个移动app.
2.在移动app里面编写表单页码的程序
（1）在head里面编写CSS样式来调整页面的整体布局,margin-left距离左边边框的长度；（2）整个页面的主题--大学生娱乐之都（字体的位置，颜色，大小）
（3）围绕数据边框的表格
0 1.个人信息（包括名字，密码）<form>标签action动作
0 2.输入各类信息（qq tel 特长爱好）input2为CSS样式，调整表格位置
03.二选一，如果其中一个被选中，另一个就是非选中
3.此处为一个链接，链接另外一个HTML文件，链接名字为登陆，注册。
其中也有链接名的颜色
4.在电脑上运行，运行截图如下
主页
登陆品酒
赏景注册5.手机运行如下
源代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0,
user-scalable=no" />
<title>hello world</title>
//css样式//
<style>
body{
background: url(img/12.jpg);
}
#input1{
margin-left:1px;
}
#input2{
margin-left:23px;
}
</style>
</head>
<body>
<a style="text-align:center;color:green;font-size:50px;">欢迎来到大学生娱乐之都</a>//题目//
<fieldset>//围绕数据边框的表格//
<legend>个人信息</legend>
<form action="XXX.php" method="get/post">
Name:
<input id = "input1" name="name">
<br>
ID number:
<input id = "input1" name="password">
</form>
<br />
QQ：<input id="input2" type="text"/>
<br />
Tel：<input id="input2" type="text" />
<br />
特长：<input id="input2" type="text" />
<br />
爱好：<input id="input2" type="text" />
<br />
毕业生：//单选//
<input type="radio" checked="checked" name="Sex"
value="male" />
<br />
非毕业生：
<input type="radio" name="Sex" value="female" />
<br />
<form name="input" action=“XXXX.php" method="get"> Male:
<input type="radio" name="Sex" value="Male" checked="checked"> <br />
Female:
<input type="radio" name="Sex" value="Female">
<br />
</form>
</fieldset>
</form>
//链接//
<a href="submit.html" style="color:green;">登陆</a>
<a href="3.html" style="color:green;">注册</a>
</form>
<script type="text/javascript">
function helloworld(){
alert("hello world!")
}
document.addEventListener('plusready', function(){ alert("welcome to Html5plus!");
});
</script>
</body>
</html>。