实例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表单作业</title>
<style type="text/css">
table {
width: 550px;
height: 600px;
margin: 200px auto;
background: lightskyblue;
padding: 40px;
}
.td1 {
width: 120px;
text-align: left;
}
.td2 {
width: 330px;
}
caption {
font-weight: bold;
line-height: 80px;
text-align: center
}
</style>
</head>
<body>
<form action="ruanwenyun.cn" method="post">
<table cellpadding="5" cellspacing="0">
<caption>软文网站编辑注册界面</caption>
<tr>
<td colspan="2" style="height: 35px;">
<hr style="width: 95%;">
</td>
</tr>
<tr>
<td class="td1"><label for="name">用户名：</label></td>
<td class="td2">
<input type="text" id="name" value="" placeholder="不能输入中文字符">
</td>
</tr>
<tr>
<td class="td1"><label for="password">密码：</label></td>
<td class="td2">
<input type="password" id="password" value="" placeholder="密码不能少于8位字符">
</td>
</tr>
<tr>
<td class="td1"><label for="password">行业年限：</label></td>
<td class="td2">
<input type="radio" name="radio1" value="" checked="">1年
<input type="radio" name="radio1" value=""> 2年
<input type="radio" name="radio1" value="">3年
<input type="radio" name="radio1" value="">3年以上
</td>
</tr>
<tr>
<td class="td1"><label for="password">擅长(多选)：</label></td>
<td class="td2">
<input type="checkbox" name="" value="" checked="">娱乐类
<input type="checkbox" name="" value="">体育类
<input type="checkbox" name="" value="">报道类
<input type="checkbox" name="" value="">医疗类
</td>
</tr>
<tr>
<td class="td1">稿费要求：</td>
<td class="td2">
<select size="1" style="width: 80px;">
<option>100元</option>
<option>150元</option>
<option>200元</option>
<option>250元</option>
</select>
</td>
</tr>
<tr>
<td class="td1"><label for="logo">案例上传：</label></td>
<td class="td2" align="left">
<img src="INT1I_QA4Q`$NWFS_ULUOEQ.png" height="30px">
<input type="file" name="logo" value="点击上传">
</td>
</tr>
<tr>
<td class="td1">入驻宣言：</td>
<td class="td2">
<textarea style="width: 300px;height: 80px;" placeholder="文明上网，理性发言"></textarea>
</td>
</tr>
<tr>
<td colspan="2"align="center">
<hr>
<input type="submit"name="submit"id=""value="提交"style="margin-right: 40px;">
<input type="reset" name="reset" id=""value="取消">
</td>
</tr>
</table>
</form>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
