html常用表单元素学习

最新推荐文章于 2021-07-21 15:10:07 发布

小小草帽

最新推荐文章于 2021-07-21 15:10:07 发布

阅读量122

点赞数

分类专栏： html 文章标签： css html html5

本文链接：https://blog.csdn.net/weixin_44623662/article/details/110430281

版权

html 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

举例
html基础学习笔记

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			body {
				font-size: 12px;
			}
			table td {
				height: 24px;
				border: 1px solid #ccc;
			}
			table {
				border-collapse: collapse;
			}
		</style>
	</head>
	<body>
		<form action="11-图片.html" method="post">
			<table width="700" border="0" align="center">
				<thead>
					<tr>
						<td align="center" colspan="2">请填写以下资料</td>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td width="100" align="center">用户名</td>
						<td>
							<input type="text" name="username" id="username" value="" size="10" maxlength="6" />
						</td>
					</tr>
					<tr>
						<td width="100" align="center">密码</td>
						<td>
							<input type="password" name="userpwd" id="userpwd" value="" value="" size="10" maxlength="6"/>
						</td>
					</tr>
					<tr>
						<td width="100" align="center">自我介绍</td>
						<td>
							<textarea rows="10" cols="50" name="myinfo" id="myinfo">wo</textarea>
						</td>
					</tr>
					<tr>
						<td width="100" align="center">性别</td>
						<td>
							<input type="radio" name="sex" id="boy" value="boy" />
							<label for="boy">男</label>
							<input type="radio" name="sex" id="girl" value="girl"/>
							<label for="girl">女</label>
						</td>
					</tr>
					<tr>
						<td width="100" align="center">技能</td>
						<td>
							<input type="checkbox" name="skill" id="" value="java" checked=""/>java
							<input type="checkbox" name="skill" id="" value="oracle" />cracle
							<input type="checkbox" name="skill" id="" value="linux" checked=""/>linux
							<input type="checkbox" name="skill" id="" value="ssm" />ssm
						</td>
					</tr>
					<tr>
						<td width="100" align="center">城市</td>
						<td>
							<select name="city" id="city">
								<option value ="beijing">北京</option>
								<option value ="shanghai">上海</option>
								<option value ="guangzhou " selected="">广州</option>
								<option value ="shenzhen">深圳</option>
								<option value ="hangzhou">杭州</option>
							</select>
							
						</td>
					</tr>
					<tr>
						<td width="100" align="center">工作地点</td>
						<td>
							<select name="workcity" id="workcity" size="4" multiple="">
								<option value ="beijing">北京</option>
								<option value ="shanghai">上海</option>
								<option value ="guangzhou" selected="">广州</option>
								<option value ="shenzhen">深圳</option>
								<option value ="hangzhou">杭州</option>
							</select>
						</td>
					</tr>
					<tr>
						<td width="100" align="center">上传照片</td>
						<td>
							<input type="file" name="photo" id="photo" />
						</td>
					</tr>
					<tr>
						<td width="100" align="center">隐藏域</td>
						<td>
							<input type="hidden" value="1001" name="userId" id="userId" />
						</td>
					</tr>
					<tr>
						<td colspan="2" align="center">
							<input type="submit" name="" id="" value="立即注册" />
							<input type="reset" name="" id="" />
							<input type="button" name="" id="" value="普通按钮" onclick="alert(234654);"/>
							<button>提交按钮</button>
							<button type="button">普通按钮</button>
						</td>
					</tr>
				</tbody>
			</table>
	</body>
</html>

小小草帽

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html常用表单元素学习

举例html基础学习笔记<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body { font-size: 12px; } table td { height: 24px; border: 1px solid #ccc; }
复制链接

扫一扫