HTML表单fieldset

1.说明

fieldset 元素fieldset 标签 – 对表单进行分组

2.案例

<HTML><head><meta charset="utf-8" /><title></title></head><body><form action="http://www.dreamdu.com/dreamdu.php" method="post" enctype="multipart/form-data" id="dreamduform"><fieldset><legend>用户名与密码:</legend><input name="hiddenField" type="hidden" value="hiddenvalue" /><label for="username">用户名:</label><input type="text" id="username" value="www.dreamdu.com" /><label for="pass">密码:</label><input type="password" id="pass" /></fieldset><fieldset><legend>性别:</legend><label for="boy">男</label><input type="radio" value="1" id="sex" /><label for="girl">女</label><input type="radio" value="2" id="sex" /><label for="sex">保密</label><input type="radio" value="3" id="sex" /></fieldset><fieldset><legend>我最喜爱的:</legend><label for="computer">计算机</label><input type="checkbox" value="1" id="fav" /><label for="trval">旅游</label><input type="checkbox" value="2" id="fav" /><label for="buy">购物</label><input type="checkbox" value="3" id="fav" /></fieldset></form></body></HTML>

3.自定义样式

<fieldset style="width:300;height:150;border:1px dashed red" align="center"><legend style="width:100px;text-align:center;font-family:arial;font-weight:bold">1234</legend>
</fieldset>

HTML表单fieldset相关推荐

HTML fieldset 标签 -- 表单分组
如果一个页面的表单项太多,我们最好把它们分组显示,就像使用p标签分开段落一样,可以使用fieldset与legend标签对表单内容分组. fieldset 标签 -- 对表单进行分组 fieldset ...
使用fieldset、label标签制作form表单
http://www.52css.com/article.asp?id=238 对于表单,是网页中非常常用的元素.但是在web standard建站的时候,他的排版容易人遗忘,到了真正用到的时候就发现 ...
fieldset在form中的用法（表单简单实例）
fieldset:对表单进行分组,一个表单可以有多个fieldset. fieldset标签会在包含的文本和input等表单元素外面形成一个方框,legend元素作为标题. <html> ...
表单高级应用和语义化
type="hidde" 隐藏域 disable 禁用什么是表单语义化符合W3C规范语义化的标签结构合理.代码简洁分组<fieldset><legend ...
4.4、Bootstrap V4自学之路------组件---表单
为什么80%的码农都做不了架构师?>>> 表单控件下面是一个Bootstrap支持的表控件以及自定义类的完整列表.额外的文档对每个组都是可用的. 类作用支持的变量 .fo ...
5.数据绑定和表单标签库
1.有了数据绑定,类型总是为了String的HTTP请求参数,可用于填充不同的类型的对象属性 2.表单标签库为了使用这些标签,必须在jsp页面开头处声明这个taglib指令 <%@taglib ...
Jquery通过Ajax方式来提交Form表单
今天刚好看到Jquery的ajax提交数据到服务器的方法,原文是: 保存数据到服务器,成功时显示信息. jQuery 代码: $.ajax({type: "POST",url: & ...
HTML 表单（form）使用详解
一.表单 1.表单的作用 HTML 表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户与Web服务器的交互. 2.表单的工作机制 3.表单定义(<form>< ...
css label 居中布局_HTMLCSS精华知识点——表单元素、BFC、两栏布局、居中总结等...
HTML&CSS精华知识点--第九节一.input表单元素一系列元素,主要用于收集用户数据 1.type属性表示输入框类型text:普通文本输入框 date,日期选择框,兼容性问题 sea ...

HTML表单fieldset

HTML表单fieldset相关推荐

最新文章

热门文章