html实现登录界⾯学习html的第⼀个效果图（如下）
代码如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<!-- 表单的提交数据是post -->
<form action="#"method="post">
<table cellpadding="2"align="center">
<tr>
<td align="right">⽤户名:</td>
<td>
<!-- ⽂本输⼊框控件 -->
<input type="text"name="username"/>
</td>
</tr>
<tr>
<td align="text"name="username" />
</td>
</tr>
<tr>
<td align="right">密码:</td>
<!-- 密码输⼊框控件 -->
<td><input type="password"name="password"/></td>
</tr>
<tr>
<td align="right">性别:</td>
<td>
<!-- 3.单选输⼊框控件，由于⽆法输⼊value，所以预先定义好 -->            <input type="radio" name="gender"value="male" />男
<input type="radio" name="gender"value="famale" />⼥</td>
</tr>
<tr>
<td align="right">兴趣:</td>
<td>
<!-- 复选框控件 -->
<input type="checkbox" name="interest"value="film" />看电影
html代码转链接<input type="checkbox" name="interest"value="code" />敲代码
<input type="checkbox" name="interest"value="game" />玩游戏</td>
</tr>
<td align="right">头像:</td>
<td>
<!-- ⽂件上传控件 -->
<input type="file"name="photo"/>
</td>
</tr>
<tr>
<td colspan="2"align="center">
<!-- 提交按钮 -->
<input type="submit"value="注册"/>
<!-- 重置按钮控件，点击会清空 -->
<input type="reset"value="重填"/>
</td>
</tr>
</table>
</form>
</fieldset>
</body>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。