天天看點

表格、text文本域

表格

  表格由 <table> 标簽來定義。每個表格均有若幹行(由 <tr> 标簽定義),每行被分割為若幹單元格(由 <td> 标簽定義)。
  字母 td 指表格資料(table data),即資料單元格的内容。資料單元格可以包含文本、圖檔、清單、段落、表單、水準線、表格等等

  文法

  <table border="1">
  <tr>
  <td>row(行1), cell(列1)</td>
  <td>row(行1), cell(列1)</td>
  </tr>
  <tr>
  <td>row(行2), cell(列2)</td>
  <td>row(行2), cell(列2)</td>
  </tr>
  </table>

  
表格元素
 <table border=表格的邊框的寬度(一般不超過5) width=表格的寬度 height=表格的高度 bordercolor=表格邊框線的顔色 bgcolor=整個表格的背景顔色background=表格的背景圖檔位址(背景圖檔) align=表格對齊方式> <tr bgcolor=行的背景顔色>(行) <td colspan=跨的列數 rowspan=跨的行數 bgcolor=本單元格的背景顔色 background=本單元格的背景圖檔位址(背景圖檔) align=單元格中的内容對齊方式(right/left/center/)></td>(單元格) </tr> </table> 
 
填充、間距屬性
 cellpadding:内容與單元格内邊框線的距離(内填充) cellspacing:單元格之間的距離(外間距) 
 
 
編号姓名年齡性别001張三 23女002王五16003李四男22
<h1>表單文本域</h1>

 <dl>
 <dt>文本域元素</dt>
 <dd>maxlength--限制輸入的最大字元</dd>
 <dd>
 size---size 屬性規定輸入字段的寬度,文本框的大小(一般不用,一般使用css控制:windw="10") size 屬性定義的是可見的字元數。而對于其他類型,size 屬性定義的是以像素為機關的輸入字段寬度。
 </dd>
 <dd>
 輸入框預設選擇:autofocus="autofocus"
 </dd>
 <dd>
 在輸入框裡顯示預設文字:placeholder="請輸入郵箱"
 </dd>
 <dt>相容性提示</dt>
 <dd>由于 size 屬性是一個可視化的設計屬性,我們推薦您使用 CSS 來代替它。</dd>
 <dd>CSS 文法:<input style="width:100px" /></dd>
 <dt>輸入框文法:</dt>
 <dd><input  name="" type="text"  size="文本框的大小"  maxlength="10" />(單行文本框)</dd>
 <dd>
 <input  name="" type="password"  size="文本框的大小"  maxlenght="10" />(type="password"類型——設定密碼)
 </dd>
 <dd><textarea> 我多行文本框 </textarea>(多行文本框也就是下面事例中的多行文本域)</dd>
 <dd></dd>
 </dl>


 <b>具體事例:</b>

 <form>
 使用者名:<input type="text" size="20" name="username" maxlength="4"> <br><br>
 密 碼:<input type="password" name="password"> <br><br>

 多行文本域:
 <textarea cols="40" rows="5" style="margin: 0px; height: 75px; width: 602px;"></textarea> <br><br>

 </form>



 </body>      

繼續閱讀