html实现登录界面
程序员文章站
2022-05-06 11:04:23
...
学习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" />看电影
<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>
上一篇： 单链表常见面试题
下一篇： js综合应用：表格的四则运算
推荐阅读