第六章第一节

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>文本框text</title>
	</head>
	<body>
		<form>
			<h3 align="center">人口调查</h3>
			<!--设置表示姓名的文本域-->
			姓名:<input type="text" name="username" size="20" /><br />
			<!--设置表示姓名的文本域长度为4最大输入字符为1-->
			性别:<input type="text" name="sex" size="4" maxlength="1" />&nbsp;&nbsp;
			<!--设置表示年龄的文本域长度为4最大输入字符为3-->
			年龄:<input type="text" name="age" size="4" maxlength="3" /><br />
			<!--设置表示地址的文本域长度为50,文本域中默认值为山东省威海市-->
			//maxlength 最大输入字符数
			居住地址:<input type="text" name="address" size="50" value="山东省威海市" />
			
		</form>
	</body>
</html>


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>密码域password</title>
	</head>
	<body>
		<from>
			<h3 align="center">修改密码</h3>&nbsp;&nbsp;&nbsp;&nbsp;名:<input type="text" name="username" size="15" />&nbsp;&nbsp;&nbsp;&nbsp;码:<input type="password" name="oldpassword" maxlength=8 size=15 /><br />&nbsp;&nbsp;&nbsp;&nbsp;码:<input type="password" name="newpassword" maxlength=8 size=15 /><br />
			确认新密码:<input type="password" name="newpassword2" maxlength=8 size=15 /><br />
		</from>
	</body>
</html>


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>单选按钮radio</title>
	</head>
	<body>
		<form>
			<h3 align="center">外来人员登记表</h3>
			姓名:<input type="text" name="username" size="15" /><br />
			性别:<input type="raadio" name="field_name" checked value="男" /><input type="raadio" name="field_name" checked value="女" /><br />
		身份证号:<input type="text" name="IDcard"  size="20"/><br />
		原因:<input type="text" name="causation" size=50 />
		</form>
	</body>
</html>


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>复选框chackbox</title>
	</head>
	<body>
		<form>
			<h3 align="center">选择你喜欢的运动</h3>
			<input type="checkbox" name="hobby" value="游泳" />游泳
			<input type="checkbox" name="hobby" value="足球" />足球
			<input type="checkbox" name="hobby" value="篮球" />篮球<br />
			<input type="checkbox" name="hobby" value="滑冰" />滑冰
			<input type="checkbox" name="hobby" value="滑雪" />滑雪
			<input type="checkbox" name="hobby" value="乒乓球" />乒乓球
		</form>
	</body>
</html>


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>普通按钮提交按钮</title>
	</head>
	<body>
		
	<!--	<input type="button" name="field_name" value="button_text" /> 
	     <input type="submit" name="field_name" value="submit_text" />-->
		 
		 <form action="1319095991@qq.com">
			提交按钮: <input type="submit" value="提交表单页面" />
			普通按钮: <input type="button" value="关闭当前页面" onclick="window.close();" />
<!--onlick鼠标单击事件,window.close()关闭该页面-->
		 </form>
		
	</body>
</html>


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>文本域标记</title>
	</head>
	<body>
		<form>
			<h3 align="center">留言板</h3>
				标题:<input type="text" name="username" size="50" /><br />
				内容:<br /><textarea name="word" rows="10" cols="70"/></textarea>
				<!--rows 行数   cols列数-->
			</h3>
		</form>
	</body>
</html>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值