前端学习1-标签

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>

<form>
<fieldset style="width:500px;">
<legend align="center">注册信息</legend>
<table cellspacing="0px">
<tr>
<td><label for="username">用户姓名:</label></td>
<td><input id="username" type="text"/></td>
</tr>
<tr>
<td><label for="pwd">用户密码:</label></td>
<td><input id="pwd" type="password"/></td>
</tr>
<tr>
<td><label for="confirm">确认密码:</label></td>
<td><input id="confirm" type="password"></td>
</tr>
<tr>
<td><label>用户性别:</label></td>
<td>男<input type="radio" name="sex" value="男" checked="checked">女<input type="radio" name="sex"
value="female"></td>
</tr>
<tr>
<td><label for="age">用户年龄:</label></td>
<td><input id="age" type="text"></td>
</tr>
<tr>
<td><label for="email">用户邮箱:</label></td>
<td><input id="email" type="text"></td>
</tr>
<tr>
<td>星期爱好:</td>
<td>足球<input type="checkbox" name="hobby" value="foottball" checked="checked"/>
篮球<input type="checkbox" name="hobby" value="basketball"/>
排球<input type="checkbox" name="hobby" value="volleyball"/>
</td>
</tr>
<tr>
<td valign="bottom">个人简介:</td>
<td><textarea name="resume" cols="22" rows="6"></textarea></td>
</tr>
<tr>
<td>个人靓照</td>
<td><input name="choose_file" type="file" value="选择文件"/></td>
</tr>
<tr>
<td colspan="2"><input name="commit" style="width:50px;height:30px" type="submit" value="提交">
&nbsp;&nbsp;&nbsp;&nbsp;<input style="width:50px;height:30px" name="cancel" type="button"
value="取消"></td>
</tr>
</table>
</fieldset>
</form>
</body>
</html>
posted @ 2019-08-19 23:27  一房  阅读(227)  评论(0编辑  收藏  举报