HTML,Code片段,代码实例,代码示例,代码片段库

HTML 输入：复选框

&lt;div class=&quot;checkbox&quot;&gt;&lt;input type=&quot;checkbox&quot; id=&quot;$1&quot; name=&quot;$1&quot; ${2:checked=&quot;checked&quot;} /&gt;&lt;label for=&quot;$1&quot;&gt;$3&lt;/label&gt;&lt;/div&gt;$4

HTML 输入：广播

&lt;div class=&quot;radio&quot;&gt;&lt;input type=&quot;radio&quot; name=&quot;$1&quot; id=&quot;2&quot; ${3:checked=&quot;checked&quot;} /&gt;&lt;label for=&quot;$1&quot;&gt;$4&lt;/label&gt;&lt;/div&gt;$5

HTML 输入文件

&lt;div class=&quot;file&quot;&gt;&lt;label for=&quot;$1&quot;&gt;$2:&lt;/label&gt;&lt;input type=&quot;file&quot; id=&quot;$1&quot; name=&quot;$1&quot; /&gt;&lt;/div&gt;$3

HTML 选择

&lt;div class=&quot;dropdown&quot;&gt;&lt;label for=&quot;$1&quot;&gt;$2:&lt;/label&gt;&lt;select id=&quot;$1&quot; name=&quot;$1&quot;&gt;
	&lt;optgroup label=&quot;$3&quot;&gt;
		&lt;option value=&quot;$4&quot; ${5:selected=&quot;selected&quot;}&gt;$6&lt;/option&gt;
		&lt;option value=&quot;$7&quot;&gt;$8&lt;/option&gt;
	&lt;/optgroup&gt;
&lt;/select&gt;&lt;/div&gt;

HTML 多种选择：无线电

&lt;fieldset class=&quot;multichoice&quot;&gt;
	&lt;legend&gt;$1&lt;/legend&gt;
	&lt;div class=&quot;radio&quot;&gt;&lt;input type=&quot;radio&quot; name=&quot;$2&quot; id=&quot;$3&quot; /&gt;&lt;label for=&quot;$3&quot;&gt;$4&lt;/label&gt;&lt;/div&gt;
	&lt;div class=&quot;radio&quot;&gt;&lt;input type=&quot;radio&quot; name=&quot;$2&quot; id=&quot;$5&quot; /&gt;&lt;label for=&quot;$5&quot;&gt;$6&lt;/label&gt;&lt;/div&gt;
	&lt;div class=&quot;radio&quot;&gt;&lt;input type=&quot;radio&quot; name=&quot;$2&quot; id=&quot;$7&quot; /&gt;&lt;label for=&quot;$7&quot;&gt;$8&lt;/label&gt;&lt;/div&gt;$9
&lt;/fieldset&gt;

HTML 多项选择：复选框

&lt;fieldset class=&quot;multichoice&quot;&gt;
	&lt;legend&gt;$1&lt;/legend&gt;
	&lt;div class=&quot;checkbox&quot;&gt;&lt;input type=&quot;checkbox&quot; id=&quot;$2&quot; name=&quot;$2&quot; /&gt;&lt;label for=&quot;$2&quot;&gt;$3&lt;/label&gt;&lt;/div&gt;
	&lt;div class=&quot;checkbox&quot;&gt;&lt;input type=&quot;checkbox&quot; id=&quot;$4&quot; name=&quot;$4&quot; /&gt;&lt;label for=&quot;$4&quot;&gt;$5&lt;/label&gt;&lt;/div&gt;
	&lt;div class=&quot;checkbox&quot;&gt;&lt;input type=&quot;checkbox&quot; id=&quot;$6&quot; name=&quot;$6&quot; /&gt;&lt;label for=&quot;$6&quot;&gt;$7&lt;/label&gt;&lt;/div&gt;$8
&lt;/fieldset&gt;

HTML 自动增量功能

function mysql_autoid($id,$table){
    $query = 'SELECT MAX('.$id.') AS last_id FROM '.$table;
    $result = mysql_query($query);
    $result = mysql_fetch_array($result);
    return $result[last_id]+1;
}

// usage mysql_autoid('nID','news');
// for use with fields that don't have auto_increment enabled
// otherwise just use $last_id = mysql_insert_id(); following a successful INSERT

HTML 表

&lt;table cellSpacing=10 cellPadding=10 align=center background=border=2&gt;&lt;br /&gt;
&lt;tbody&gt;&lt;br /&gt;
&lt;tr&gt;&lt;br /&gt;
&lt;td&gt;&lt;br /&gt;
&lt;table cellSpacing=10 cellPadding=10 align=center bgColor=#000000 border=2&gt; &lt;tbody&gt;&lt;br /&gt;
&lt;tr&gt;&lt;br /&gt;
&lt;td&gt;&lt;br /&gt;
&lt;table cellSpacing=10 cellPadding=10 align=center bgColor=#000000 background=http://farm1.static.flickr.com/208/517701026_1bdf2bccd4_o.gif border=2&gt; &lt;tbody&gt;&lt;br /&gt;
&lt;tr&gt;&lt;br /&gt;
&lt;td bgColor=#989898&gt;&lt;br /&gt;
&lt;div style=&quot;TEXT-ALIGN: center&quot;&gt;&lt;br /&gt;
&lt;br /&gt;
ENTER TEXT HERE&lt;/div&gt;&lt;font face=&quot;Lucinda MS&quot;&gt;&lt;font color=#ffffff&gt;&lt;br /&gt;
&lt;div style=&quot;TEXT-ALIGN: justify&quot;&gt;&lt;/div&gt;&lt;br /&gt;
&lt;/font&gt;&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt; &lt;div&gt;&lt;/div&gt; &lt;div&gt;&lt;/div&gt; &lt;div class=foot&gt;&lt;/div&gt;

HTML xHTML严格的Doctype页面标题

&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xml:lang=&quot;en&quot; lang=&quot;en&quot;&gt;
    &lt;head&gt;
        &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot; /&gt;
        &lt;title&gt;Untitled&lt;/title&gt;
        &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;style/global.style.css&quot; /&gt;
    &lt;/head&gt;
    &lt;body&gt;

    &lt;/body&gt;
&lt;/html&gt;

HTML IE修复

&lt;!--[if gt IE 6]&gt;
      &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;ie7fix.css&quot; media=&quot;screen&quot; /&gt;
      &lt;meta http-equiv=&quot;imagetoolbar&quot; content=&quot;no&quot; /&gt;
&lt;![endif]--&gt;
&lt;!--[if lte IE 6]&gt;
      &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;ie6fix.css&quot; media=&quot;screen&quot; /&gt;
      &lt;meta http-equiv=&quot;imagetoolbar&quot; content=&quot;no&quot; /&gt;
&lt;![endif]--&gt;