一:
要求: 1. 用户名为文本框,名称为 UserName,长度为 15,最大字符数为 20。 2. 密码为密码框,名称为 UserPass,长度为 15,最大字符数为 20。 3. 性别为两个单选按钮,名称为 sex,值分别为男和女,男默认选中。 4. 爱好是三个多选按钮,名称为 like,值分别为写作、听音乐、体育。 5. 省份为下拉框,名称为 province,选项的键-值对为 Key:陕西省,value:shaanxi ;Key:山西省, value:shanx;陕西省默认选中。 6. 自我介绍为多行文本框,名称为 intro,宽 25,高 5,默认值为“这个家伙什么也没留下”。 7. 提交按钮,名称为“send”,标签为“提交”。 8. 重置按钮,名称为“reset”,标签为“重置”。 9. 参照图使用表格定位表单。
代码部分:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<table
<form action="" method="post">
<header>用户注册</header><br>
用户名 <input type="text" name="Username" lang="15" placeholder=""><br>
密码 <input type="passward" name="passward" lang="15" placeholder=""><br>
性别 <input type="radio" name="sex" value="男">男<input type="radio" name="sex" value="女">女<br>
爱好 <input type="checkbox" name="like" value="写作">写作<input type="checkbox" name="like" value="听音乐">听音乐<input type="checkbox" name="like" value="体育">体育<br>
省份 <select name="province">
<option selected value="陕西省"> 陕西省</option>
<option value="山西">山西</option>
</select><br>
自我介绍 <textarea name="intro" width="25" height="5" pelaceholder="这个家伙什么也没留下"></textarea><br>
<input type="submit" name="send" value="提交">
<input type="reset" name="reset" value="重置"><br>
</form>
</body>
</html>
结果图:
作业二:
代码部分:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<table width="100" border="1" cellspacing="0" cellpadding="0">
<header>工商银行电子汇款单</header>
<tr>
<td ><strong>回单类型</strong></td>
<td>网上转账汇款</td>
<td><strong>指令序号</strong></td>
<td>HQH0000000000000013878172</td>
</tr>
<tr>
<td solspan="4"><strong>收款人</strong></td>
<td>户名</td>
<td>老牟</td>
<td><strong>付款人</strong></td>
<td>户名</td>
<td>老刘</td>
</tr>
<tr>
<td>卡号</td>
<td>000000000001</td>
<td>卡号</td>
<td>000000000002</td>
</tr>
<tr>
<td>地区</td>
<td>南京</td>
<td>地区</td>
<td>杭州</td>
</tr>
<tr>
<td>网点</td>
<td>工商江苏南京业务处理中心</td>
<td>网点</td>
<td>江苏徐州处理中心</td>
</tr>
<tr>
<td>币种</td>
<td>人民币</td>
<td>汇钞标志</td>
<td>钞票</td>
</tr>
<tr>
<td>金额</td>
<td>1.00元</td>
<td>手续费</td>
<td>0.57元</td>
</tr>
<tr>
<td>合计</td>
<td>人民币(大写)壹元整</td>
</tr>
<tr>
<td>交易时间</td>
<td>2017年7月1日</td>
<td>时间戳</td>
<td>2017-06-01-13.00.00. 00000</td>
</tr><br>
</table>
<footer>票据打印时间:2017-0601 15:00</footer><br>
<del>票据打印单位:江苏徐州业务中心</del><br>
<tr>操作员:大曾</tr>
</body>
</html>
结果图:
作业三:
代码部分:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<pre>
<tr><h1> 将进酒<h2> 君不见黄河之水天上</h2></h1></tr>
<img src="C:\Users\GUOGUO\Pictures\1234" width="200" height="50" border="1"
>
君不见黄河之水天上来②,奔流到海不复回。
君不见高堂明镜悲白发③,朝如青丝暮成雪④。
人生得意须尽欢⑤,莫使金樽空对月⑥。
天生我材必有用⑦,千金散尽还复来⑧。
烹羊宰牛且为乐,会须一饮三百杯⑨。
岑夫子⑩,丹丘生⑪,将进酒,杯莫停⑫。
与君歌一曲⑬,请君为我倾耳听⑭。
钟鼓馔玉不足贵⑮,但愿长醉不复醒⑯。
古来圣贤皆寂寞⑰,惟有饮者留其名。
陈王昔时宴平乐⑱,斗酒十千恣欢谑⑲。
主人何为言少钱⑳,径须沽取对君酌㉑。
五花马㉒、千金裘㉓,呼儿将出换美酒㉔,与尔同销万古愁㉕。
</pre>
</body>
</html>
结果图: