前端学习1-标签

2019-08-26 05:44:32来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

前端学习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>

原文链接:https://www.cnblogs.com/lqdby/p/11380475.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:介绍几款CSS菜单栏的实例代码

下一篇:CSS中关于优先级规则的细节