首页 > 代码库 > 14-5-14培训日记

14-5-14培训日记

2024-07-04 16:24:35   225人阅读

<table>  </table>

<tr>表示一行

<th>标题

<td>表格里的一格

<td> 标签定义 HTML 表格中的标准单元格。

HTML 表格有两类单元格：

  • 表头单元 - 包含头部信息（由 th 元素创建）

  • 标准单元 - 包含数据（由 td 元素创建）

td 元素中的文本一般显示为正常字体且左对齐。



border="1"边框

cellspacing="3"  单元格间距

cellpadding="5"元素内边距（内容和边框的距离）

<colspan=”2”>  行合并占用两个单元格。

<rowspan=”3”>  列合并占用3个单元格

 table属性：

borderpixels规定表格边框的宽度。
cellpadding

  • pixels

  • %

规定单元边沿与其内容之间的空白。
cellspacing

  • pixels

  • %

规定单元格之间的空白。
frame

  • void

  • above

  • below

  • hsides

  • lhs

  • rhs

  • vsides

  • box

  • border

规定外侧边框的哪个部分是可见的。
rules

  • none

  • groups

  • rows

  • cols

  • all

规定内侧边框的哪个部分是可见的。
summarytext规定表格的摘要。
width

  • %

  • pixels

规定表格的宽度。



<table border="1" width="500" cellspacing="1" bgcolor="#999999" cellpadding="5">

<tr>

<th scope="col">第一列</th>

 <th scope="col">第二列</th>


</tr>

<tr>

<td bgcolor="#FFFFFF"> row 1, cell 1</td><!---->

<td bgcolor="#FFFFFF"> row 2, cell 2</td>

</tr>

<tr>

<td bgcolor="#FFFFFF"><a href="http://www.mamicode.com/ww.baidu.com" title="这是个吟唱标题" target="_blank"> row 2, cell 2</a></td>

<td bgcolor="#FFFFFF"> row 2, cell 2</td>

   </tr>

 <tr>

<td bgcolor="#FFFFFF"> 这是个列表

<ul>

<li>列表1</li>

  <li>列表2</li>

<li>列表3</li>

  </ul>

  </td>

  <td bgcolor="#FFFFFF">HELLO</td>

  </tr>

</table>



form表单

属性值描述
acceptMIME_typeHTML 5 中不支持。
accept-charsetcharset_list规定服务器可处理的表单数据字符集。
actionURL规定当提交表单时向何处发送表单数据。
autocomplete

  • on

  • off

规定是否启用表单的自动完成功能。
enctype见说明规定在发送表单数据之前如何对其进行编码。
method

  • get

  • post

规定用于发送 form-data 的 HTTP 方法。
nameform_name规定表单的名称。
novalidatenovalidate如果使用该属性，则提交表单时不进行验证。
target

  • _blank

  • _self

  • _parent

  • _top

  • framename

规定在何处打开


<form action=”test.html”  method=”post” enctype=”multipart/form-data” target=”_blank”></form> 表单。

<form>

账号：<inputtype="text" name="zhanghao"><br/>   文本框

密码：<inputtype="password" name="mima">     密码框

<br/>

<input name="sex"type="radio">男选择按钮

<input name="sex" type="radio">女

<input name="sex"type="radio">不告诉你

<br/>

<select multiple>

<option>北京</option>   下拉多选框

<option>上海</option>

<option>天津</option>

<option>武汉</option>

<option>桂林</option>

</select>

<select>

<option>北京</option>   下拉框

<option>上海</option>

<option>天津</option>

<option>武汉</option>

<option>桂林</option>

</select>

<br/>

<input name="aihao[]"type="checkbox" />游泳多选框

<input name="aihao[]"type="checkbox" />旅游

<input name="aihao[]"type="checkbox" />看书

<br/>

<input type="file" />    上传按钮

<input type="button"value="http://www.mamicode.com/button" />    空按钮

<input type="hidden"name="" /><!--隐藏-->

<input type="image"src="http://www.mamicode.com/images/262205494914.jpg" />  图片域

<br>

<input type="submit" />   提交按钮

<input type="reset" />     重置按钮

</form>


本文出自 “小刘_Blog” 博客，请务必保留此出处http://liuyafang.blog.51cto.com/8837978/1412033


联系
我们