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

最新推荐文章于 2022-11-27 19:44:16 发布

YuJar

最新推荐文章于 2022-11-27 19:44:16 发布

阅读量574

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/yujar/article/details/23664747

版权

HTML 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<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>

YuJar

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML多种基本标签的使用示例

登录、文本域、单选按钮、复选框、下拉列表、文件域的使用：表单元素-单选按钮与复选框 ion="" method="post" enctype="multipart/form-data"> 登录账号：密码：多行文本域(论坛会员注册条例) 请在注册前认真阅读各项条款，本论坛将对以下情况的会员作出封帐号、封IP等处罚，情节严重者报送公安局处理。
复制链接

扫一扫