标签：closed 列表 一个 查看 checkbox selected logs class use
body中常用标签
- 图标， > <
- p标签，段落
<p>123</p>
- br，换行
<p>12asdf<br />
所有标签分为：
块级标签： div（白板），H系列（加大加粗），p标签（段落和段落之间有间距）
行内标签： span（白板）
- input系列 + form标签
input type=‘text‘ - name属性，value="小丸子"
input type=‘password‘ - name属性，value="小丸子"
input type=‘submit‘ - value=‘提交‘ 提交按钮，表单
input type=‘button‘ - value=‘登录‘ 按钮
input type=‘radio‘ - 单选框 value，checked="checked"，name属性（name相同则互斥）
input type=‘checkbox‘ - 复选框 value, checked="checked"，name属性（批量获取数据）
input type=‘file‘ - 依赖form表单的一个属性 enctype="multipart/form-data"
input type=‘rest‘ - 重置
<textarea >默认值</textarea> - name属性
select标签 - name,内部option value, 提交到后台，size，multiple
<body> <form enctype="multipart/form-data"> <div> <textarea name="meno" >asdfasdf</textarea> <select name="city" size="10" multiple="multiple"> <option value="1">北京</option> <option value="2">上海</option> <option value="3" selected="selected">南京</option> <option value="4">成都</option> </select> <input type="text" name="user" /> <p>请选择性别：</p> 男：<input type="radio" name="gender" value="1" /> 女：<input type="radio" name="gender" value="2" checked="checked"/> Alex：<input type="radio" name="gender" value="3"/> <p>爱好</p> 篮球：<input type="checkbox" name="favor" value="1" /> 足球：<input type="checkbox" name="favor" value="2" checked="checked" /> 皮球：<input type="checkbox" name="favor" value="3" /> 台球：<input type="checkbox" name="favor" value="4" checked="checked"/> 网球：<input type="checkbox" name="favor" value="5" /> <p>技能</p> 撩妹：<input type="checkbox" name="skill" checked="checked" /> 写代码：<input type="checkbox" name="skill"/> <p>上传文件</p> <input type="file" name="fname"/> </div> <input type="submit" value="提交" /> <input type="reset" value="重置" /> </form> </body>
- a标签
- 跳转
- 锚 href=‘#某个标签的ID‘ 标签的ID不允许重复
<a href="http://www.baidu.com">baidu</a>
<body> <a href="#i1">第一章</a> <a href="#i2">第二章</a> <a href="#i3">第三章</a> <a href="#i4">第四章</a> <div id="i1" style="height:600px;">第一章的内容</div> <div id="i2" style="height:600px;">第二章的内容</div> <div id="i3" style="height:600px;">第三章的内容</div> <div id="i4" style="height:600px;">第四章的内容</div> </body>
- 列表
<body> <ul> <li>asdf</li> <li>asdf</li> <li>asdf</li> <li>asdf</li> </ul> <ol> <li>asdf</li> <li>asdf</li> <li>asdf</li> <li>asdf</li> </ol> <dl> <dt>ttt</dt> <dd>ddd</dd> <dd>ddd</dd> <dd>ddd</dd> <dt>ttt</dt> <dd>ddd</dd> <dd>ddd</dd> <dd>ddd</dd> </dl> </body>
- 表格
<body> <table border="1"> <tr> <td>主机名</td> <td>端口</td> <td>操作</td> </tr> <tr> <td>1.1.1.1</td> <td>80</td> <td> <a href="s2.html">查看详细</a> <a href="#">修改</a> </td> </tr> <tr> <td>1.1.1.1</td> <td>80</td> <td>第二行，第3列</td> </tr> </table> <table border="1"> <thead> <tr> <th>表头1</th> <th>表头1</th> <th>表头1</th> <th>表头1</th> </tr> </thead> <tbody> <tr> <td>1</td> <td colspan="3">1</td> </tr> <tr> <td rowspan="2">1</td> <td>1</td> <td>1</td> <td>1</td> </tr> <tr> <td>1</td> <td>1</td> <td>1</td> </tr> <tr> <td>1</td> <td>1</td> <td>1</td> <td>1</td> </tr> </tbody> </table> </body>
- label
用于点击文件，使得关联的标签获取光标
<label for="username">用户名：</label>
<input id="username" type="text" name="user" />
- fieldset
<body> <fieldset> <legend>登录</legend> <label for="username">用户名：</label> <input id="username" type="text" name="user" /> <br /> <label for="pwd">密码：</label> <input id="pwd" type="text" name="user" /> </fieldset> </body>
标签：closed 列表 一个 查看 checkbox selected logs class use
原文地址：http://www.cnblogs.com/xiaowanzi666/p/7398688.html
