HTML不常用的表单属性-fieldset

这是代码

这是生成的样子
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>表单</title>
</head>
<body>
	<form>
		<fieldset>
		<!--这是这个标签的标题-->
			<legend>输入类型</legend>
			<label for="demo"><!--这个for获取id后不需要点击文本框点击空白处也会出现忽闪忽闪的输入条-->
				email:<input type="text" id="demo">
			</label>
			<br/>
			<label for=""><!--这是输入手机号的-->
				tel:<input type="tel">
			</label>
			<br/>
			<label for=""><!--这是输入手机号的-->
				url:<input type="url">
			</label>
			<br/>
			<label for=""><!--生成了个提交按钮-->
				<input type="submit" value="提交">
			</label>
			<br/>
			<label for=""><!--step369开始选择 min最小值max最大值-->
				number:<input type="number" step="3" min="3" max="9">
			</label>
			<br/>
			<label for=""><!--搜索-->
				search:<input type="search">
			</label>
			<label for=""><!--滑动框-->
				range:<input type="range">
			</label>
			<br/>
			<label for=""><!--设定文本框颜色-->
				color:<input type="color">
			</label>
			<br/>
			<label for=""><!--   -:-   时分-->
				time:<input type="time">
			</label>
			<br/>
			<label for=""><!--年/月/日-->
				data:<input type="data">
			</label>
			<br/>
			<label for=""><!--年/月/日/时/分-->
				datatime:<input type="datatime">
			</label>
			<br/>
			<label for=""><!--年/月-->
				mouth:<input type="mouth">
			</label>
			<br/>
			<label for=""><!--年/的第几周-->
				week:<input type="week">
			</label>
			<br/>
		</fieldset>
	</form>
</body>
</html>
HTML不常用的表单属性-fieldset的更多相关文章
- html5中新增的form表单属性
		
html5中新增两个表单属性,分别autocomplete和novalidate属性 1.autocomplete属性 该属性用于控制自动完成功能的开启和关闭.可以设置表单或者input元素,有两个属 ...
 - 基于CkEditor实现.net在线开发之路(3)常用From表单控件介绍与说明
		
上一章已经简单介绍了CKEditor控件可以编写C#代码,然后可以通过ajax去调用,但是要在网页上面编写所有C#后台逻辑,肯定痛苦死了,不说实现复杂的逻辑,就算实现一个简单增删改查,都会让人头痛欲裂 ...
 - 服务器变量 超级全局数组$_SERVER (附加超简单表单与html5表单属性)
		
001.html <html> <head><title>user log</title> <meta http-equiv="cont ...
 - 兼容IE8以下浏览器input表单属性placeholder不能智能提示功能
		
当前很多表单提示使用了表单属性placeholder,可这属性不兼容IE8以下的浏览器,我自己写了一个兼容处理js // 兼容IE8以下浏览器input不能智能提示功能 if(navigator.ap ...
 - HTML 总结-表单-表单属性
		
HTML5 表单属性 HTML5 的新的表单属性 本章讲解涉及 <form> 和 <input> 元素的新属性. 新的 form 属性: autocomplete novali ...
 - CSS表单属性
		
一般来说,表单在一个页面中是必不可少的,下面是我对表单的知识总结: 依次要说的是表单元素.表单属性.以及表单提交(js知识) 1,表单元素: <form action="提交的位置 / ...
 - input type类型和input表单属性
		
一.input type类型 1.Input 类型 - email 在提交表单时,会自动验证 email 域的值. E-mail: <input type="email" n ...
 - Xwork概况  XWork是一个标准的Command模式实现,并且完全从web层脱离出来。Xwork提供了很多核心功能:前端拦截机(interceptor),运行时表单属性验证,类型转换,强大的表达式语言(OGNL – the Object Graph NavigationLanguage),IoC(Inversion of Control反转控制)容器等。 ----------------
		
Xwork概况 XWork是一个标准的Command模式实现,并且完全从web层脱离出来.Xwork提供了很多核心功能:前端拦截机(interceptor),运行时表单属性验证,类型转换,强大的表达式 ...
 - HTML表单属性与全局属性
		
1.全局属性
 
随机推荐
- react native基础与入门
			
react native基础与入门 一.react native 的优点 1.跨平台(一才两用) 2.低投入高回报 (开发成本低.代码复用率高) 3.性能高:拥有独立的js渲染引擎,比传统的h5+ w ...
 - 【线段树维护复杂状态】Ryuji doesn't want to study
			
https://nanti.jisuanke.com/t/31460 tree[rt].ans = tree[rt << 1].ans + tree[rt << 1 | 1]. ...
 - 细节--服务器mysql空密码
			
在部署致服务器的时候 发现mysql密码为空的情况 如果采用 root账户的话 试过很多 比如不写下面这行 <property name="password" value=& ...
 - 《我是IT小小鸟》阅读心得
			
虽然读这本书是老师布置的作业,但是读了几页后就被书中的内容所吸引住了.或许是因为我也是学这个专业的,所以书中的一些内容让我觉得非常的有兴趣.作为一个学习软件工程的大一学生还没真正的认识到这个专业的深奥 ...
 - "firstday"-软件工程
			
阅读以下文章 http://www.thea.cn/news/terminal/9/9389.html http://www.shzhidao.cn/system/2015/09/22/0102 ...
 - 对scrum站立会议的理解
			
个人理解:首先我不明白scrum的含义,查了一下,scrum是迭代式增量软件开发过程,通常用于敏捷开发.scrum包括了一系列实践和预定义角色的过程骨架.scrum中的主要角色包括同项目经理类似的sc ...
 - 爬虫学习之-操作mysql
			
在操作数据库的时候,python2中一般使用mysqldb,但在python3中已经不在支持mysqldb了,我们可以用pymysql和mysql.connector.本文的所有操作都是在python ...
 - 关于ADO一个容易被忽视的问题!UpdateBatch [问题点数:0分]
			
这是一个常见但容易被忽视的问题,旧贴有问及但没答案,因此提高分数.相信大家常这样使用Cache模式:ADOConnection1.BeginTrans;Try ADODataSet1.UpdateBa ...
 - jmeter 安装tps插件
			
1.下载 jpgc-graphs-basic-2.0.zip 2.解压并将lib 目录下的 jmeter-plugins-cmn-jmeter-0.4.jar 拷贝到 %JMeter%/lib 目录 ...
 - 【前端学习笔记】call、apply、bind方法
			
1.call()方法: // move函数实现移动平面图上一个点位置功能 var move = function(x,y){ this.x += x; this.y += y; } // 定一个点p ...