您的位置：首页 > Web前端 > HTML

HTML多种基本标签的使用示例

2014-04-14 11:02 489 查看

<html>
<head>
<meta http-equiv="Content-Type" content=text/html; charset=gb2312" />
<title>表单元素-单选按钮与复选框</title>
</head>
<body>
<form action="" method="post" enctype="multipart/form-data">
<h4>登录</h4>
<p>账号：<input name="user" type="text" size="18" maxlength="13"/></p>
<p>密码：<input name="pwd" type="password" size="18"</p>
<hr>
<h4>多行文本域(论坛会员注册条例)</h4>
<textarea name="textarea" cols="40" rows="5">    请在注册前认真阅读各项条款，本论坛将对以下情况的会员作出封帐号、封IP等处罚，情节严重者报送公安局处理。</textarea>
<hr>
<h4>单选按钮(默认男性)</h4>
<input name="choice" type="radio" class="input" value="男" checked="checked"/>男
<input name="choice" type="radio" class="input" value="女"/>女
<hr>
<h4>复选框(兴趣爱好可多选)</h4>
<input type="checkbox" name="hobby" value="spor" />运动
<input type="checkbox" name="hobby" value="talk" />聊天
<input type="checkbox" name="hobby" value="play"/>游戏
<hr>
<h4>下拉列表框(出生日期)</h4>
<hr>
<p> 出生日期：<input type="text" name="birthyear" size="4" maxlength="4" value="yyyy"> 年
<select>
<option value="" selected="selected" >选择月份</option>
<option>一月</option>
<option>二月</option>
<option>三月</option>
<option>四月</option>
<option>五月</option>
<option>六月</option>
<option>七月</option>
<option>八月</option>
<option>九月</option>
<option>十月</option>
<option>十一月</option>
<option>十二月</option>
</select>
月 <input  size="2" maxlength="2" value="dd" /> 日
</p>
<h4>文件域(上传文件)</h4>
<input type="file" name="files"><br/>
<input type="submit" name="upload" value="上传">
</form>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航