﻿<?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>C++博客-时不我待</title><link>http://www.cppblog.com/iziang/</link><description /><language>zh-cn</language><lastBuildDate>Wed, 08 Apr 2026 00:02:18 GMT</lastBuildDate><pubDate>Wed, 08 Apr 2026 00:02:18 GMT</pubDate><ttl>60</ttl><item><title>HTML</title><link>http://www.cppblog.com/iziang/archive/2013/07/19/201967.html</link><dc:creator>时不我待</dc:creator><author>时不我待</author><pubDate>Fri, 19 Jul 2013 04:14:00 GMT</pubDate><guid>http://www.cppblog.com/iziang/archive/2013/07/19/201967.html</guid><wfw:comment>http://www.cppblog.com/iziang/comments/201967.html</wfw:comment><comments>http://www.cppblog.com/iziang/archive/2013/07/19/201967.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.cppblog.com/iziang/comments/commentRss/201967.html</wfw:commentRss><trackback:ping>http://www.cppblog.com/iziang/services/trackbacks/201967.html</trackback:ping><description><![CDATA[1<br />1.1href属性指定链接地址，可以在新的窗口打开链接，也可以在当前窗口打开，还可以在内联窗口中打开，打开窗口的方式由target属性指定，如下代码所示&nbsp;<br /><br /><div style="background-color: #eeeeee; font-size: 13px; border: 1px solid #cccccc; padding: 4px 5px 4px 4px; width: 98%; word-break: break-all;"><!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />-->&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">iframe&nbsp;</span><span style="color: #FF0000; ">src</span><span style="color: #0000FF; ">="/example/html/demo_iframe.html"</span><span style="color: #FF0000; ">&nbsp;name</span><span style="color: #0000FF; ">="iframe_a"</span><span style="color: #0000FF; ">&gt;&lt;/</span><span style="color: #800000; ">iframe</span><span style="color: #0000FF; ">&gt;</span><br />2&nbsp;<br />3&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">a&nbsp;</span><span style="color: #FF0000; ">href</span><span style="color: #0000FF; ">="http://www.w3school.com.cn"</span><span style="color: #0000FF; ">&gt;</span>W3School.com.cn<span style="color: #0000FF; ">&lt;/</span><span style="color: #800000; ">a</span><span style="color: #0000FF; ">&gt;</span><br />4&nbsp;<br />5&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">a&nbsp;</span><span style="color: #FF0000; ">href</span><span style="color: #0000FF; ">="http://www.w3school.com.cn"</span><span style="color: #FF0000; ">&nbsp;target</span><span style="color: #0000FF; ">="_blank"</span><span style="color: #0000FF; ">&gt;</span>W3School.com.cn<span style="color: #0000FF; ">&lt;/</span><span style="color: #800000; ">a</span><span style="color: #0000FF; ">&gt;</span><br />6&nbsp;<br />7&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">a&nbsp;</span><span style="color: #FF0000; ">href</span><span style="color: #0000FF; ">="http://www.w3school.com.cn"</span><span style="color: #FF0000; ">&nbsp;target</span><span style="color: #0000FF; ">="iframe_a"</span><span style="color: #0000FF; ">&gt;</span>W3School.com.cn<span style="color: #0000FF; ">&lt;/</span><span style="color: #800000; ">a&gt;</span><span style="font-size: 14px;">&nbsp; &nbsp;</span><span style="font-size: 14px;">&nbsp; &nbsp;</span><span style="font-size: 14px;">&nbsp; &nbsp;</span><span style="font-size: 14px;">&nbsp; &nbsp;</span><span style="font-size: 14px;">&nbsp; &nbsp;</span><span style="font-size: 14px;">&nbsp; &nbsp;</span><span style="font-size: 14px;">&nbsp; &nbsp;</span><span style="font-size: 14px;">&nbsp; &nbsp;</span><span style="font-size: 14px;">&nbsp; &nbsp;</span><span style="font-size: 14px;">&nbsp; &nbsp;</span><span style="font-size: 14px;">&nbsp; &nbsp;</span><span style="font-size: 14px;">&nbsp; &nbsp;</span><span style="font-size: 14px;">&nbsp; &nbsp;</span><span style="font-size: 14px;">&nbsp; &nbsp;</span><span style="font-size: 14px;">&nbsp; &nbsp;</span><span style="font-size: 14px;">&nbsp; &nbsp;</span><span style="font-size: 14px;">&nbsp; &nbsp;<br /></span></div><br />第三行没有设置target，即为默认情况，在当前页面打开链接，第二个设置target为_blank，即为在新的窗口打开链接，第三个设置target为内联框架的名字，即为在内联窗口中打开链接<br /><br />1.2在同一个页面内跳转，在需要跳转到的位置要定义一个名字，这个名字是独立的，不依附于任何元素，<span style="color: #ff0000;">并且这个名字要在address标签中定义</span>。然后，在想要跳转的位置添加链接即可，同一个页面内跳转，<span style="color: #ff0000;">在跳转链接的地方用#引用欲跳转到地方的名字</span>，如下例子<br /><br /><div style="background-color:#eeeeee;font-size:13px;border:1px solid #CCCCCC;padding-right: 5px;padding-bottom: 4px;padding-left: 4px;padding-top: 4px;width: 98%;word-break:break-all"><!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />--><span style="color: #008080; ">&nbsp;1</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">html</span><span style="color: #0000FF; ">&gt;</span><br /><span style="color: #008080; ">&nbsp;2</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">a&nbsp;</span><span style="color: #FF0000; ">href</span><span style="color: #0000FF; ">="#hello"</span><span style="color: #0000FF; ">&gt;</span>step<span style="color: #0000FF; ">&lt;/</span><span style="color: #800000; ">a</span><span style="color: #0000FF; ">&gt;</span><br /><span style="color: #008080; ">&nbsp;3</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">body</span><span style="color: #0000FF; ">&gt;</span><br /><span style="color: #008080; ">&nbsp;4</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">br</span><span style="color: #0000FF; ">/&gt;</span><br /><span style="color: #008080; ">&nbsp;5</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">br</span><span style="color: #0000FF; ">/&gt;</span><br /><span style="color: #008080; ">&nbsp;6</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">br</span><span style="color: #0000FF; ">/&gt;</span><br /><span style="color: #008080; ">&nbsp;7</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">br</span><span style="color: #0000FF; ">/&gt;</span><br /><span style="color: #008080; ">&nbsp;8</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">br</span><span style="color: #0000FF; ">/&gt;</span><br /><span style="color: #008080; ">&nbsp;9</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">br</span><span style="color: #0000FF; ">/&gt;</span><br /><span style="color: #008080; ">10</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">br</span><span style="color: #0000FF; ">/&gt;</span><br /><span style="color: #008080; ">11</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">br</span><span style="color: #0000FF; ">/&gt;</span><br /><span style="color: #008080; ">12</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">br</span><span style="color: #0000FF; ">/&gt;</span><br /><span style="color: #008080; ">13</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">br</span><span style="color: #0000FF; ">/&gt;</span><br /><span style="color: #008080; ">14</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">br</span><span style="color: #0000FF; ">/&gt;</span><br /><span style="color: #008080; ">15</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">br</span><span style="color: #0000FF; ">/&gt;</span><br /><span style="color: #008080; ">16</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">br</span><span style="color: #0000FF; ">/&gt;</span><br /><span style="color: #008080; ">17</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">form</span><span style="color: #0000FF; ">&gt;</span><br /><span style="color: #008080; ">18</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">input&nbsp;</span><span style="color: #FF0000; ">type</span><span style="color: #0000FF; ">="button"</span><span style="color: #FF0000; ">&nbsp;value</span><span style="color: #0000FF; ">="Hello&nbsp;world!"</span><span style="color: #0000FF; ">&gt;</span><br /><span style="color: #008080; ">19</span>&nbsp;<span style="color: #0000FF; ">&lt;/</span><span style="color: #800000; ">form</span><span style="color: #0000FF; ">&gt;</span><br /><span style="color: #008080; ">20</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">br</span><span style="color: #0000FF; ">/&gt;</span><br /><span style="color: #008080; ">21</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">br</span><span style="color: #0000FF; ">/&gt;</span><br /><span style="color: #008080; ">22</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">br</span><span style="color: #0000FF; ">/&gt;</span><br /><span style="color: #008080; ">23</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">br</span><span style="color: #0000FF; ">/&gt;</span><br /><span style="color: #008080; ">24</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">br</span><span style="color: #0000FF; ">/&gt;</span><br /><span style="color: #008080; ">25</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">br</span><span style="color: #0000FF; ">/&gt;</span><br /><span style="color: #008080; ">26</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">a&nbsp;</span><span style="color: #FF0000; ">name</span><span style="color: #0000FF; ">="hello"</span><span style="color: #0000FF; ">&gt;&lt;/</span><span style="color: #800000; ">a</span><span style="color: #0000FF; ">&gt;</span><br /><span style="color: #008080; ">27</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">br</span><span style="color: #0000FF; ">/&gt;</span><br /><span style="color: #008080; ">28</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">br</span><span style="color: #0000FF; ">/&gt;</span><br /><span style="color: #008080; ">29</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">br</span><span style="color: #0000FF; ">/&gt;</span><br /><span style="color: #008080; ">30</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">br</span><span style="color: #0000FF; ">/&gt;</span><br /><span style="color: #008080; ">31</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">br</span><span style="color: #0000FF; ">/&gt;</span><br /><span style="color: #008080; ">32</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">br</span><span style="color: #0000FF; ">/&gt;</span><br /><span style="color: #008080; ">33</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">br</span><span style="color: #0000FF; ">/&gt;</span><br /><span style="color: #008080; ">34</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">br</span><span style="color: #0000FF; ">/&gt;</span><br /><span style="color: #008080; ">35</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">br</span><span style="color: #0000FF; ">/&gt;</span><br /><span style="color: #008080; ">36</span>&nbsp;<span style="color: #0000FF; ">&lt;/</span><span style="color: #800000; ">body</span><span style="color: #0000FF; ">&gt;</span><br /><span style="color: #008080; ">37</span>&nbsp;<span style="color: #0000FF; ">&lt;/</span><span style="color: #800000; ">html</span><span style="color: #0000FF; ">&gt;</span></div><br /><br />2.HTML表单包括输入框，单选按钮，复选框，下拉列表灯元素。<br /><br />2.1设置单选按钮时，通过使几个按钮的name属性一致，来对他们进行分组，从而实现只能在改组按钮中选一个的预期<br /><br /><div style="background-color:#eeeeee;font-size:13px;border:1px solid #CCCCCC;padding-right: 5px;padding-bottom: 4px;padding-left: 4px;padding-top: 4px;width: 98%;word-break:break-all"><!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />--><span style="color: #008080; ">&nbsp;1</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">html</span><span style="color: #0000FF; ">&gt;</span><br /><span style="color: #008080; ">&nbsp;2</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">body</span><span style="color: #0000FF; ">&gt;</span><br /><span style="color: #008080; ">&nbsp;3</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">form</span><span style="color: #0000FF; ">&gt;</span><br /><span style="color: #008080; ">&nbsp;4</span>&nbsp;男性：<br /><span style="color: #008080; ">&nbsp;5</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">input&nbsp;</span><span style="color: #FF0000; ">type</span><span style="color: #0000FF; ">="radio"</span><span style="color: #FF0000; ">&nbsp;&nbsp;name</span><span style="color: #0000FF; ">="Sex"</span><span style="color: #FF0000; ">&nbsp;value</span><span style="color: #0000FF; ">="male"</span><span style="color: #FF0000; ">&nbsp;</span><span style="color: #0000FF; ">/&gt;</span><br /><span style="color: #008080; ">&nbsp;6</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">br&nbsp;</span><span style="color: #0000FF; ">/&gt;</span><br /><span style="color: #008080; ">&nbsp;7</span>&nbsp;女性：<br /><span style="color: #008080; ">&nbsp;8</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">input&nbsp;</span><span style="color: #FF0000; ">type</span><span style="color: #0000FF; ">="radio"</span><span style="color: #FF0000; ">&nbsp;name</span><span style="color: #0000FF; ">="Sex"</span><span style="color: #FF0000; ">&nbsp;value</span><span style="color: #0000FF; ">="female"</span><span style="color: #FF0000; ">&nbsp;</span><span style="color: #0000FF; ">/&gt;</span><br /><span style="color: #008080; ">&nbsp;9</span>&nbsp;<span style="color: #0000FF; ">&lt;/</span><span style="color: #800000; ">form</span><span style="color: #0000FF; ">&gt;</span><br /><span style="color: #008080; ">10</span>&nbsp;<span style="color: #0000FF; ">&lt;/</span><span style="color: #800000; ">body</span><span style="color: #0000FF; ">&gt;</span><br /><span style="color: #008080; ">11</span>&nbsp;<span style="color: #0000FF; ">&lt;/</span><span style="color: #800000; ">html</span><span style="color: #0000FF; ">&gt;</span></div><br />两个radio的name属性一致，从而得知他们属于一个组，只能选中一个。<br /><br />2.2设置下拉列表时，可以设置默认选项，但是如果有多个默认选项，那么只有最后一个起作用，如下所示<br /><br /><div style="background-color:#eeeeee;font-size:13px;border:1px solid #CCCCCC;padding-right: 5px;padding-bottom: 4px;padding-left: 4px;padding-top: 4px;width: 98%;word-break:break-all"><!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />--><span style="color: #008080; ">&nbsp;1</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">html</span><span style="color: #0000FF; ">&gt;</span><br /><span style="color: #008080; ">&nbsp;2</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">body</span><span style="color: #0000FF; ">&gt;</span><br /><span style="color: #008080; ">&nbsp;3</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">form</span><span style="color: #0000FF; ">&gt;</span><br /><span style="color: #008080; ">&nbsp;4</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">select&nbsp;</span><span style="color: #FF0000; ">name</span><span style="color: #0000FF; ">="cars"</span><span style="color: #0000FF; ">&gt;</span><br /><span style="color: #008080; ">&nbsp;5</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">option&nbsp;</span><span style="color: #FF0000; ">value</span><span style="color: #0000FF; ">="volvo"</span><span style="color: #0000FF; ">&gt;</span>Volvo<span style="color: #0000FF; ">&lt;/</span><span style="color: #800000; ">option</span><span style="color: #0000FF; ">&gt;</span><br /><span style="color: #008080; ">&nbsp;6</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">option&nbsp;</span><span style="color: #FF0000; ">value</span><span style="color: #0000FF; ">="saab"</span><span style="color: #0000FF; ">&gt;</span>Saab<span style="color: #0000FF; ">&lt;/</span><span style="color: #800000; ">option</span><span style="color: #0000FF; ">&gt;</span><br /><span style="color: #008080; ">&nbsp;7</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">option&nbsp;</span><span style="color: #FF0000; ">value</span><span style="color: #0000FF; ">="fiat"</span><span style="color: #FF0000; ">&nbsp;selected</span><span style="color: #0000FF; ">="selected"</span><span style="color: #0000FF; ">&gt;</span>Fiat<span style="color: #0000FF; ">&lt;/</span><span style="color: #800000; ">option</span><span style="color: #0000FF; ">&gt;</span><br /><span style="color: #008080; ">&nbsp;8</span>&nbsp;<span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">option&nbsp;</span><span style="color: #FF0000; ">value</span><span style="color: #0000FF; ">="audi"</span><span style="color: #FF0000; ">&nbsp;selected</span><span style="color: #0000FF; ">="selected"</span><span style="color: #0000FF; ">&gt;</span>Audi<span style="color: #0000FF; ">&lt;/</span><span style="color: #800000; ">option</span><span style="color: #0000FF; ">&gt;</span><br /><span style="color: #008080; ">&nbsp;9</span>&nbsp;<span style="color: #0000FF; ">&lt;/</span><span style="color: #800000; ">select</span><span style="color: #0000FF; ">&gt;</span><br /><span style="color: #008080; ">10</span>&nbsp;<span style="color: #0000FF; ">&lt;/</span><span style="color: #800000; ">form</span><span style="color: #0000FF; ">&gt;</span><br /><span style="color: #008080; ">11</span>&nbsp;<span style="color: #0000FF; ">&lt;/</span><span style="color: #800000; ">body</span><span style="color: #0000FF; ">&gt;</span><br /><span style="color: #008080; ">12</span>&nbsp;<span style="color: #0000FF; ">&lt;/</span><span style="color: #800000; ">html</span><span style="color: #0000FF; ">&gt;</span></div><br />虽然Fiat和Audi都用selected属性设置了默认选项，但是只有位于最后的Audi起作用。<br /><img src ="http://www.cppblog.com/iziang/aggbug/201967.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.cppblog.com/iziang/" target="_blank">时不我待</a> 2013-07-19 12:14 <a href="http://www.cppblog.com/iziang/archive/2013/07/19/201967.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss>