<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>最优良人 &#187; legend</title>
	<atom:link href="http://www.zui88.com/view-tag/legend/feed" rel="self" type="application/rss+xml" />
	<link>http://www.zui88.com/blog</link>
	<description>中山php&#124;最优网络</description>
	<lastBuildDate>Mon, 13 May 2013 04:56:43 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.4</generator>
		<item>
		<title>HTML表单里面使用fieldset，legend标签，实现标题浮在边线上的效果</title>
		<link>http://www.zui88.com/blog/view-127.html</link>
		<comments>http://www.zui88.com/blog/view-127.html#comments</comments>
		<pubDate>Mon, 15 Aug 2011 01:58:53 +0000</pubDate>
		<dc:creator>lin</dc:creator>
				<category><![CDATA[网站前端]]></category>
		<category><![CDATA[fieldset]]></category>
		<category><![CDATA[legend]]></category>

		<guid isPermaLink="false">http://www.zui88.com/blog/?p=127</guid>
		<description><![CDATA[经常看到一些表单会有一种相同的特殊效果，就是表单说明文字会浮在边线上，可以用css控制实现，但是其实html有一个fieldset标签来实现这效果 HTML &#60;fieldset&#62; 标签 定义和用法 fieldset 元素可将表单内的相关元素分组。 &#60;fieldset&#62; 标签将表单内容的一部分打包，生成一组相关表单的字段。 当一组表单元素放到 &#60;fieldset&#62; 标签内时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D 效果，或者甚至可创建一个子表单来处理这些元素。 &#60;fieldset&#62; 标签没有必需的或唯一的属性。 &#60;legend&#62; 标签为 fieldset 元素定义标题。 实例 组合表单中的相关元素： &#60;form&#62; &#60;fieldset&#62; &#60;legend&#62;health information&#60;/legend&#62; height: &#60;input type="text" /&#62; weight: &#60;input type="text" /&#62; &#60;/fieldset&#62; &#60;/form&#62; 实现效果如下 health information height: weight: 还可以用css控制边线的样式和legend的样式。 &#60;form&#62; &#60;fieldset&#62; &#60;legend&#62;health information&#60;/legend&#62; height: &#60;input type="text" /&#62; weight: &#60;input type="text" /&#62; &#60;/fieldset&#62; &#60;/form&#62;]]></description>
			<content:encoded><![CDATA[<p>经常看到一些表单会有一种相同的特殊效果，就是表单说明文字会浮在边线上，可以用css控制实现，但是其实html有一个fieldset标签来实现这效果<br />
HTML &lt;fieldset&gt; 标签</p>
<p>定义和用法</p>
<p>fieldset 元素可将表单内的相关元素分组。</p>
<p>&lt;fieldset&gt; 标签将表单内容的一部分打包，生成一组相关表单的字段。</p>
<p>当一组表单元素放到 &lt;fieldset&gt; 标签内时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D 效果，或者甚至可创建一个子表单来处理这些元素。</p>
<p>&lt;fieldset&gt; 标签没有必需的或唯一的属性。</p>
<p>&lt;legend&gt; 标签为 fieldset 元素定义标题。</p>
<p>实例</p>
<p>组合表单中的相关元素：</p>
<p>&lt;form&gt;</p>
<p>&lt;fieldset&gt;</p>
<p>&lt;legend&gt;health information&lt;/legend&gt;</p>
<p>height: &lt;input type="text" /&gt;</p>
<p>weight: &lt;input type="text" /&gt;</p>
<p>&lt;/fieldset&gt;</p>
<p>&lt;/form&gt;<br />
实现效果如下</p>
<form>
<fieldset>
<legend>health information</legend>
<p>height:<br />
<input type="text" />
<p>weight:<br />
<input type="text" /></fieldset>
</form>
<p>还可以用css控制边线的样式和legend的样式。</p>
<p>&lt;form&gt;</p>
<p>&lt;fieldset&gt;</p>
<p>&lt;legend&gt;health information&lt;/legend&gt;</p>
<p>height: &lt;input type="text" /&gt;</p>
<p>weight: &lt;input type="text" /&gt;</p>
<p>&lt;/fieldset&gt;</p>
<p>&lt;/form&gt;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.zui88.com/blog/view-127.html/feed</wfw:commentRss>
		<slash:comments>293</slash:comments>
		</item>
	</channel>
</rss>
