本周加入了许多新的课程,作业量也是大幅度提高,课余时间也是不多,本周进行了一些HTML的知识复习,包括form表单及其一些属性
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>表单标签</title>
</head>
<body>
<!-- action属性是表单要提交到的位置 -->
<!-- required属性是指该栏必填 -->
<del>删除</del>
<s>删除</s>
<form action="#" method="get">
隐藏字段<input type="hidden" name="id" /><br/>
输入时间<input type="datetime-local" /><br/>
用户名<input type="text" name="username" size="20px" maxlength="10" placeholder="用户提示信息" required="required"/><br/>
密码<input type="password" name="password"/><br/>
确认密码<input type="password" name="rpassword"/><br/>
<!-- radio属性对应单选框 -->
<!-- 这里的name属性用来分组,区分并确定这两个单选框是同一组,只能选中一个 -->
性别<input type="radio" name="sex" value="男" checked="checked"/>男
<input type="radio" name="sex" value="女"/>女<br/>
<!-- checkbox对应多选框属性 -->
爱好<input type="checkbox" name="hobby" value="钓鱼"/>钓鱼
<input type="checkbox" name="hobby" value="打篮球"/>打篮球
<input type="checkbox" name="hobby" value="踢足球"/>踢足球<br/>
头像<input type="file" name="file"/><br/>
籍贯<select name="province">
<option>--请选择--</option>
<option value="北京">北京</option>
<option value="上海" selected="selected">上海</option>
<option value="广州">广州</option>
</select><br/>
自我介绍:<br/>
<textarea name="zwjs">
</textarea><br/>
提交按钮<input type="submit" value="提交"/><br/>
普通按钮<input type="button" value="我是一个普通按钮" /><br/>
重置按钮<input type="reset" />
</form>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<table border="1px" align="center" width="1600px" cellpadding="0px" cellspacing="0px">
<!-- logo部分 -->
<tr>
<td>
<!-- 嵌套一个一行三列的表格 -->
<table border="1px" width="100%">
<tr height="50px">
<td width="33.3%">
<img src="../img/logo2.png" height="47px"/>
</td>
<td width="33.3%">
<img src="../img/header.png" height="47px" />
</td>
<td width="33.3%">
<a href="#">登录</a>
<a href="#">注册</a>
<a href="#">购物车</a>
</td>
</tr>
</table>
</td>
</tr>
<!-- 导航栏部分 -->
<tr height="50px">
<td bgcolor="black">
<a href="#">
<font size="5" color="aliceblue">首页</font>
</a>
<a href="#">
<font size="4" color="aliceblue">手机数码</font>
</a>
<a href="#">
<font size="4" color="aliceblue">电脑办公</font>
</a>
<a href="#">
<font size="4" color="aliceblue">鞋靴箱包</font>
</a>
<a href="#">
<font size="4" color="aliceblue">家用电器</font>
</a>
</td>
</tr>
<!-- 注册表单 -->
<tr>
<td height="600px" background="../img/regist_bg.jpg">
<!-- 嵌套一个十行两列的表单 -->
<form action="#" method="post" name="registerForm">
<table border="1px" align="center" width="800px" height="400px" bgcolor="white">
<tr>
<td colspan="2">
<font size="5">会员注册 </font> USER REGISTER
</td>
</tr>
<tr>
<td>
用户名
</td>
<td>
<input type="text" name="username" size="34px"/>
</td>
</tr>
<tr>
<td>
密码
</td>
<td>
<input type="password" name="password" size="34px"/>
</td>
</tr>
<tr>
<td>
确认密码
</td>
<td>
<input type="password" name="repassword" size="34px"/>
</td>
</tr>
<tr>
<td>
Email
</td>
<td>
<input type="email" name="email" size="34px"/>
</td>
</tr>
<tr>
<td>
姓名
</td>
<td>
<input type="text" name="name" size="34px"/>
</td>
</tr>
<tr>
<td>
性别
</td>
<td>
<input type="radio" name="sex" value="男" />男
<input type="radio" name="sex" value="女" />女
</td>
</tr>
<tr>
<td>
出生日期
</td>
<td>
<input type="date" name="birthday" size="34px"/>
</td>
</tr>
<tr>
<td>
验证码
</td>
<td>
<input type="text" name="yzm" />
<img src="../img/yanzhengma.png" />
</td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" value="注册" />
</td>
</tr>
</table>
</form>
</td>
</tr>
<!-- 广告图片 -->
<tr>
<td>
<img src="../img/footer.jpg" />
</td>
</tr>
<!-- 版权信息和友情链接 -->
<tr>
<td align="center">
<a href="#"><font color="black">关于我们</font></a>
<a href="#"><font color="black">联系我们</font></a>
<a href="#"><font color="black">招贤纳士</font></a>
<a href="#"><font color="black">法律声明</font></a>
<a href="#"><font color="black">友情链接</font></a><br />
<a href="#"><font color="black">支付方式</font></a>
<a href="#"><font color="black">配送方式</font></a>
<a href="#"><font color="black">服务声明</font></a>
<a href="#"><font color="black">广告声明</font></a>
</td>
</tr>
</table>
</body>
</html>

来源:https://www.cnblogs.com/yeyueweiliang/p/12444765.html