表单标签

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<!--
		form标签,表单标签,标记着交互的开始和结束
		action:把表单中的数据所提交的地址或者页面
		method:用什么的方式提交当前表格的数据
			get 显示提交,可以在浏览器的地址栏中看到提交的数据
			post 隐身提交,浏览器地址栏中看不到提交的过程
		-->
		<form action="recive_form.html" method="post" enctype="multipart/form-data">
			<!--	
			<input type="呈现形式" name="向一个接收地址发送的数据名称" 
				value="一些初始的值"
				size="数值,表示输入框的具体的显示长度"
				length="控制用户输入的长度"
				/>
				
			-->
			<p>
				用户名:<input type="text" name="user" value="陈臣" size="1" maxlength="5"/>
			</p>
			<p>
				用户名:<input type="text" name="name" />
				
			</p>
			<p>
				密码:<input type="password" name="pass" />
			</p>
			<p>
				<input type="submit" name="登录" />
			</p>
			<p>
				<!--多选按钮-->
				<input type="checkbox" />1
				<input type="checkbox" />2
				<input type="checkbox" />3
				<input type="checkbox" />4

			</p>
			
			<!--
				提交按钮(type:submit)
				当用户点击按钮的时候,告诉浏览器将按钮所在的form标签
				包裹的所有需要收集内容提交到form中的
				action 属性指向的地址
			-->
	
			<input type="submit" value= />
			<input type="reset" />
			<p>
				<!--
				普通按钮
				没有任何反应的按钮 可以让程序员自己设置
				-->
				<input type="button" />
			</p>
			<p>
				<!--下拉选中框-->
				<select name="provence" id="">
					<option value="">待定</option>
					<!--selected是默认选着选项-->
					<option selected="anhui" value="sichuan">安徽</option>
					<option value="hebei">河北</option>
					<option value="hunan">湖南</option>
				</select>
			</p>
			<p>
				<!--当需要向服务器发送文件的时候,form标签的method属性必须是post-->
				<!--另外需要给form属性添加另一个属性enctype-->
				<input type="file" value="提交" />
				
			</p>
			<p>
				<!--文本域-->
				<textarea name="chen" rows="10" cols="50">chen</textarea>
			</p>
			<p>
				<hr />
				预期工资:
				<input type="number" />
			</p>
			<p>
				<!--邮箱使用演示-->
				邮箱:
				<input type="email" />
			</p>
			<p>
				<!--网络地址-->
				博客地址:
				<input type="url" name="" id="" value="" />
			</p>
			<p>
				<!--日期演示-->
				生日:
				<input type="date" name="" id="" value="" />
			</p>
			<p>
				<!--滑块
					min 滑块的最小值
					max 滑块的最大值
				-->
				血量:
				<input type="range"  min="100" max="200"/>
			</p>
			<p>
				<!--如期时间选择器
					date
					time
					week
					datetime
					required 
				-->
				日期开始的时间:
				
				<input required="week" />
			</p>
			<p>
				<!--必须填写的内容-->
				<input required="required" name="" id="" value="" />
			</p>
			<p>
				<!--注册协议-->
				<textarea readonly="licence" rows="12" cols="10"></textarea>
			</p>
		</form>
	</body>
</html>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值