html表格以及form表單部分標籤的使用

<html>

<head>

<title>html表格標籤演示</title>

<head>

<body>

<table width="200" border="1" cellpadding="2" cellspacing="3">

<caption>商品信息</caption>

<tr>

<th>商品名稱</th>

<th>數量</th>

<th>備註</th>

</tr>

<tr align="right" bgcolor="#33FFFF">

<td>雨傘</td>

<td>100</td>

<td rowspan="2">合併列</td>

</tr>

<tr>

<td align="center" valign="middle">皮鞋<td>

<td>200</td>

<tr>

<td colspan="3">合併列</td>

</tr>

</table>

</body>

</html>

 wKioL1VsLP7wr1JeAABo9azpIjQ436.jpg

cellpadding 是邊框與其內容的間隙大小;

cellspacing 是邊框與邊框之間的間隙大小;

colspan="3" 把三列合併爲一列

rowspan="2" 把兩行合併爲一行



<html>

<head>

<title>HTML文本標籤演示代碼</title>

</head> 

<body>

<form action="" method="post" name="myForm">

  <p>姓名:<input type="text" name="name" /></p>

  <p>密碼: <input type="password" name="password" /></p>  

  <p>愛好:看書<input type="checkbox" name=“book">聽音樂:input type="checkbox" name="music"></p>

  <p>性別:男<input type="radio" checked="checked" name="Sex" value="male" />女<input type="radio" name="Sex" value="female" /></p>

  <p>所在地:<select name="place"><option value="shandong">山東</option><option value="hunan" selected="selected">湖南</option>

<option value="hebei">河北</option>

</select></p>

  <p>個人簡介:

    <textarea name="textarea" cols="20" rows="5">

這是一個害羞的人!沒有介紹自己啊。

</textarea>

  </p>

  <input type="submit" value="提交" /><input type="reset" value="重填" />

</form>

</body>

</html>

wKiom1VsK3WTyo62AACJ2hCFiiM839.jpg

本文出自 “javen的博客” 博客,請務必保留此出處http://javenq.blog.51cto.com/9856112/1657011

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章