认了吧

最新推荐文章于 2023-03-01 22:47:59 发布

cccmCM

最新推荐文章于 2023-03-01 22:47:59 发布

阅读量343

点赞数

分类专栏：周常 ^ _ ^

本文链接：https://blog.csdn.net/cccmCM/article/details/77144243

版权

周常 ^ _ ^ 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

补一个周常本应该是上周的一些事情耽误了也是因为上周的平淡没有出彩的东西也或许是自己写不出出彩的东西吧

贴一个网页吧 soso 麻雀虽小五脏俱全还有很多珍贵的note 可以说是很有价值了

求求你以后回来看一眼吧

好的！

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<!--
		HTML5为移动端而生
		表单控件介绍
			所有的表单控件都有以下属性
				name	向服务端传递数据时使用
				value	表示当前控件的值
				type	控件类型(文本 密码 单选 复选)
		文本框
			placeholder:占位文本
		单选按钮
			必须保证所有单选按钮的name值一致
			checked设置默认选中项
		常用表单控件
			input:
				html4中的九大表单控件:
				text		文本框
				password	密码框
				radio		单选按钮
				checkbox	复选框
				file		文件选择
				hidden		隐藏域
				button      普通按钮
				submit		提交按钮
				reset		重置按钮
				
				html5新增:
				date
				datetime-local
				week
				month
				email
				url
				number
				search
				range

			select    下拉列表
			textarea  文本域
			datalist  h5新增(列表:搜索提示)
			button h5新增(提交按钮)
			fieldset(lenged)

		表单控件常用属性
			type   类型设置
			value  控件值
			name   用于向后台提交数据时使用的属性
			class  用于进行样式控制时使用
			id     一般用于js中操作当前控件对象

			checked  选择控件的默认选择属性
			selected 下拉列表的默认选择
			readonly 只读 后端可以获取到当前控件值
			disabled 失效 后端无法获取当前控件值

			placeholder 占位文本(水印)
			required 必填校验
			pattern 正则表达式
			hidden  异常元素
			open
	-->
	<h1>表单标签</h1>
	<form action="doAdd" method="get">
		<input type="text" placeholder="请输入账号"><br>
		<input type="password" placeholder="请输入密码"><br>
		选择性别:<input type="radio" name="sex" id="sex1" checked="checked"><label for="sex1">男   
		<input type="radio" name="sex" id="sex2"><label for="sex2">女<br>
		精通编程语言:
				<input type="checkbox" checked="checked">Java
				<input type="checkbox">C++
				<input type="checkbox">PHP
				<input type="checkbox">Rudy
				<input type="checkbox">Python<br>
		选择所在省:
				<select>
					<option>湖北省</option>
					<option>湖南省</option>
					<option>河北省</option>
					<option>河南省</option>
				</select><br>
		选择所在地区:
				<select>
					<optgroup label="湖北省">
						<option>武汉市</option>
						<option>宜昌市</option>
						<option>荆州市</option>
						<option>荆门市</option>
					</optgroup>
					<optgroup label="湖南省">
						<option>长沙市</option>
						<option>常德市</option>
						<option>岳阳市</option>
						<option>株洲市</option>
					</optgroup>
				</select><br>
		选择所在专业:<input type="text" list="majors">
				<!-- h5中新增的 -->
				<datalist id="majors">
					<option>计算机科学与技术</option>
					<option>软件工程</option>
					<option>网络工程</option>
					<option>通信工程</option>
					<option>电子商务</option>
				</datalist><br>
		选择精通的领域:
				<select multiple style="height: 200px">
					<option>文学</option>
					<option>计算机操作</option>
					<option>体育运动</option>
					<option>艺术成就</option>
					<option>天文地理</option>
					<option>表演</option>
					<option>分金定穴</option>
					<option>十六字风水秘术</option>
				</select><br>
		选择头像:<input type="file"><br>
		个人简介:<textarea placeholder="求求你说点什么吧" cols="50" rows="5"></textarea><br>
		<!-- html5中新增表单元素 -->
		时间选择:<input type="time"><br>
		日期选择:<input type="date"><br>
		周选择:<input type="week"><br>
		日期时间选择:<input type="date-local"><br>
		月份选择:<input type="month"><br>
		数值选择:<input type="number" min="0" max="100"><br>
		范围选择:<input type="range" min="0" max="100" value="0"><br>
		邮箱地址:<input type="email"><br>
		个人博客地址:<input type="url">
		手机号:<input type="phone" required pattern="^1[3578]\d{9}$"><br>
		搜索框:<input type="search"><br>

		<input type="submit" value="提交">
		<input type="button" value="普通按钮">
		<input type="reset" value="重置">
		<!-- 如果在form内部 button等于提交按钮-->
		<button>提交2</button>
	</form>

	<!-- 对表单分组 -->
	<fieldset style="width: 300px">
		<legend>用户登录</legend>
		<label for="">用户名</label><input type="text"><br>
		<label for="">密码</label><input type="password">
		<!-- 会话跟踪技术组成之一 主要用于在前后端隐式传递值时使用 -->
		<input type="hidden" value="隐藏域的数据是不会在页面显示的">
	</fieldset>
</body>
</html>