HTML：H5中新增表单标签＜fieldset＞

概念

fieldset 元素可将表单内的相关元素分组
<fieldset> 标签将表单内容的一部分打包，生成一组相关表单的字段。
当一组表单元素放到<fieldset> 标签内时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D 效果，或者甚至可创建一个子表单来处理这些元素。
<fieldset> 标签没有必需的或唯一的属性。

用法

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<fieldset><legend>用户登录</legend>用户名：<label><input type="text"/></label><br>密&#12288;码：<label><input type="password"/></label><br>
</fieldset>
<fieldset><legend>注册账号</legend>用户名：<label><input type="text"/></label><br>密&#12288;码：<label><input type="password"/></label><br>邮&#12288;箱：<label><input type="text"/></label><br>
</fieldset>
</body>
</html>

效果

HTML：H5中新增表单标签＜fieldset＞相关推荐

使用H5中的表单标签制作一个简单的网页登陆页面
简单介绍H5当中的表单标签.<form></form>表示定义一个表单的开始和结束.在form标签中,有主要的三个属性,action表示声明表单中的数据的处理的url地址.me ...
html中form表单标签的使用
在html中,表单是经常用到的,用来与用户交互并提交数据.今天要介绍的就是表单标签form标签 "form"作为英文单词有"表格"的意思 1.定义和用法标签是 ...
fieldset标签，html5新增表单标签
亲自体验的代码: <!DOCTYPE html> <html lang="en"><head><meta charset="UT ...
【表单标签（知识点超全版本）】
表单标签 1.表单标签 1.1 表单标签有哪些 ? 1.2 HTML5 中的表单标签有哪些 ? 1.3 ★ form 供用户输入创建 HTML 表单 (交互+收集用户信息,表明我是表单) 1 ...
利用html开发英语单词小程,前端利用表单标签自己制作一个简单的表单页面-表单制作-小程序表单制作...
html中的表单标签:form标签:属性:提交到后台url地址:actionurl地址:http://localhost:8080/XXX提交方式:method常用两个:get:把提交的数据放到地址栏 ...
表单标签库与数据绑定
表单标签库表单标签库中包含了可以用在JSP页面中渲染HTML元素的标签.在JSP页面使用表单标签库时,需要在JSP页面开头处声明taglib指令: <%@ taglib prefix=&quo ...
Struts2 表单和非表单标签
学习内容 Struts 2表单标签 Struts 2非表单标签能力目标熟练使用Struts 2表单标签开发表单熟练使用Struts 2非表单标签本章简介上一章讲述了ognl和Struts2标 ...
html语言中表格由什么组成,HTML中一个表单由什么组成
在HTML中,一个完整的表单通常由表单元素(也称为表单控件).提示信息和表单域3个部分构成.表单元素包含了具体的表单功能项,如单行文本输入框.密码输入框.复选框.提交按钮.重置按钮等:表单域相当于一个 ...
html中input标签中type属性小总(包含html5新增表单属性)
前言 HTML5新增了许多属性和方法,其中一些就有input标签中 type属性. 有关于input中type的全部可取值如下 1.button 2.text 3.time(会呈现表的形状) 4. ...
【04】HTML5+CSS3：01-HTML5新增标签、多媒体标签、input标签、新增表单属性、CSS3属性选择器、伪元素选择器、2D转换
文章目录 HTML5 第一天一.什么是 `HTML5` 二.`HTML5 ` 新增标签三.多媒体音频标签四.多媒体视频标签五.新增 input 标签六.新增表单属性七.`CSS3 ` 属性 ...

HTML：H5中新增表单标签＜fieldset＞

概念

用法

效果

HTML：H5中新增表单标签＜fieldset＞相关推荐

最新文章

热门文章