﻿<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/"><channel><title>BlogJava-海上月明-随笔分类-AJAX</title><link>http://www.blogjava.net/pts/category/29055.html</link><description>editer by sun</description><language>zh-cn</language><lastBuildDate>Wed, 23 Jan 2008 13:02:22 GMT</lastBuildDate><pubDate>Wed, 23 Jan 2008 13:02:22 GMT</pubDate><ttl>60</ttl><item><title>HTML知识收集贴</title><link>http://www.blogjava.net/pts/archive/2008/01/20/176622.html</link><dc:creator>pts</dc:creator><author>pts</author><pubDate>Sun, 20 Jan 2008 11:48:00 GMT</pubDate><guid>http://www.blogjava.net/pts/archive/2008/01/20/176622.html</guid><wfw:comment>http://www.blogjava.net/pts/comments/176622.html</wfw:comment><comments>http://www.blogjava.net/pts/archive/2008/01/20/176622.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/pts/comments/commentRss/176622.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/pts/services/trackbacks/176622.html</trackback:ping><description><![CDATA[图例分析outerHTML<br />
<br />
<img style="width: 425px; height: 141px;" src="http://www.webdn.com/web_file/html/H0607163/images/20060403090627_10065.gif" alt="" height="141" width="425" /><br />
<div align="left"><br />
outerHTML与innerHTML不同，outerHTML包括整个标签，而不仅限于标签内部的内容。<br />
</div>
<br />
<script>function StorePage(){d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://www.365key.com/storeit.aspx?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t),'keyit','scrollbars=no,width=475,height=575,left=75,top=20,status=no,resizable=yes'));keyit.focus();}</script>
<a href="http://blog.csdn.net/zephyr_zhao/archive/2005/11/15/530317.aspx">几个不太常用但很有用的HTML Tag</a>
<div class="postText">
<p>虽然经常接触HTML，不过有些标签以前却从没引起我的注意。但是其中几个Tag的确比较有用，而且是符合W3C XHTML标准的。</p>
<p>1. Label</p>
<p>Label是用来标记Input元素的提示的。例如：</p>
<p><font face="Courier New">&lt;label for="<strong>id_name</strong>"&gt;Name&lt;/label&gt;&lt;br /&gt;<br />
&lt;input type="text" name="name" id="<strong>id_name</strong>" size="20"/&gt;</font></p>
<p><br />
Label的&#8220;For&#8221;属性要和Input元素的ID相一致。</p>
<p>好处：点击提示文字，就自动Focus对应的输入元素。对于Radio，Checkbox这类点击区域特别小的控件特别有用：<br />
Color:&lt;br /&gt;<br />
&lt;inputtype="checkbox"&nbsp;
name="color" id="color_r"
value="red"&gt;&lt;labelfor="color_r"&gt;&amp;nbsp;red&lt;/label&gt;&lt;br&gt;<br />
&lt;inputtype="checkbox"&nbsp;
name="color" id="color_g"
value="green"&gt;&lt;labelfor="color_g"&gt;&amp;nbsp;green&lt;/label&gt;&lt;br&gt;<br />
&lt;input type="checkbox"&nbsp; name="color" id="<strong>color_b</strong>" value="blue"&gt;&lt;label for="<strong>color_x</strong>"&gt;&amp;nbsp;blue&lt;/label&gt;&lt;br&gt;&lt;!--如果For和ID不匹配，点击文字是没有用的--&gt;<br />
<br />
<input name="color" value="red" checked="checked" id="color_r" type="checkbox" /><label for="color_r">&nbsp;red</label><br />
<input name="color" value="green" checked="checked" id="color_g" type="checkbox" /><label for="color_g">&nbsp;green</label><br />
<input name="color" value="blue" id="color_b" type="checkbox" /><label for="color_x">&nbsp;blue</label> <br />
<label for="color_x"></label>&nbsp;</p>
<p>2. FieldSet &amp; Legend</p>
<p>FieldSet用来明确把一组Input控件归成一组（相当于VB/VC里面的Group控件），而Legend则是组的标题(相当于Group控件的标题)。 例如：</p>
<p>&lt;fieldset style="width:20%"&gt;<br />
&nbsp; &lt;legend&gt;Person&lt;/legend&gt;<br />
&nbsp; &lt;label for="name"&gt;Name&lt;/label&gt;&lt;input type="text" id="name" /&gt;<br />
&nbsp; &lt;fieldset&gt;<br />
&nbsp;&nbsp;&nbsp; &lt;legend&gt;Gender&lt;/legend&gt;<br />
&nbsp;&nbsp;&nbsp; &lt;input type="radio" name="gender" id="male" /&gt;&lt;label for="male"&gt;Male&lt;/label&gt;&lt;br&gt;<br />
&nbsp;&nbsp;&nbsp; &lt;input type="radio" name="gender" id="female" /&gt;&lt;label for="female"&gt;Female&lt;/label&gt;<br />
&nbsp; &lt;/fieldset&gt;<br />
&lt;/fieldset&gt;</p>
<fieldset style="width: 20%;"><legend>Person</legend><label for="name">Name</label><input id="name" /> <fieldset><legend>Gender</legend><input name="gender" id="male" type="radio" /><label for="male">Male</label><br />
<input name="gender" id="female" type="radio" /><label for="female">Female</label> </fieldset> </fieldset>
<p>3. Optgroup</p>
<p>用于Select里面的option的分组。例如：</p>
<p>&lt;select name="age"&gt;<br />
&nbsp; &lt;optgroup label="baby"&gt;<br />
&nbsp;&nbsp;&nbsp; &lt;option&gt;0-2&lt;/option&gt;<br />
&nbsp;&nbsp;&nbsp; &lt;option&gt;3-5&lt;/option&gt;<br />
&nbsp; &lt;/optgroup&gt;<br />
&nbsp; &lt;optgroup label="kid"&gt;<br />
&nbsp;&nbsp;&nbsp; &lt;option&gt;6-10&lt;/option&gt;<br />
&nbsp;&nbsp;&nbsp; &lt;option&gt;10-15&lt;/option&gt;<br />
&nbsp; &lt;/optgroup&gt;<br />
&nbsp; &lt;optgroup label="adult"&gt;<br />
&nbsp;&nbsp;&nbsp; &lt;option&gt;16-30&lt;/option&gt;<br />
&nbsp;&nbsp;&nbsp; &lt;option&gt;31-40&lt;/option&gt;<br />
&nbsp;&nbsp;&nbsp; &lt;option&gt;41-60&lt;/option&gt;<br />
&nbsp; &lt;/optgroup&gt;<br />
&lt;/select&gt;</p>
<p><select name="age"><optgroup label="baby">
<option selected="selected">0-2</option>
<option>3-5</option>
</optgroup><optgroup label="kid">
<option>6-10</option>
<option>10-15</option>
</optgroup><optgroup label="adult">
<option>16-30</option>
<option>31-40</option>
<option>41-60</option>
</optgroup></select> </p>
</div>
<br />
<p class="poweredbyperformancing">Powered by <a href="http://scribefire.com/">ScribeFire</a>.</p>
<img src ="http://www.blogjava.net/pts/aggbug/176622.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/pts/" target="_blank">pts</a> 2008-01-20 19:48 <a href="http://www.blogjava.net/pts/archive/2008/01/20/176622.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss>