HTML基礎二

• 一、 表格???
• 二、表單
• • 插入表單
  • 輸入標簽??
  • 多行文本域
  • 下拉菜單
• 三、其他
• • label標簽
  • 內聯(lián)框架

---

一、 表格???

插入表格: < table>< /table>

可用屬性

• border： 表格邊框的寬度（pixels）
• bordercolor：表格邊框的顏色
• background：表格背景圖
• bgcolor： 表格背景顏色
• width : 規(guī)定表格元素的寬度（pixels或%）
• height : 規(guī)定表格元素的高度（pixels或%）
• align： 表格的對齊方式（left center right）
• cellpadding : 單元邊沿不其內容之間的距離（相當于單元格的內邊距）
• cellspacing : 單元格之間的空白（pixels）

插入表格一行：< tr>< /tr>
表格標題性單元格：< th>< /th>
表格普通單元格：< td>< /td>

可用屬性

• 行合并：rowspan
• 列合并：colspan

<table border="1px" align="center" cellpadding="50px" ><tr><td colspan="2">物資類別</td><td colspan="2"></td><td colspan="2">名稱</td><td colspan="1"></td></tr><tr><td colspan="7">入庫領用記錄</td></tr><tr><td colspan="2">日期</td><td rowspan="2">單位</td><td rowspan="2">入庫數(shù)</td><td rowspan="2">領用數(shù)</td><td rowspan="2">庫存</td><td rowspan="2">經(jīng)手人</td></tr><tr><td>月</td><td>日</td></tr></table>

二、表單

插入表單

< form action="向何處發(fā)送URL " method="何種方式發(fā)送get/post ">< /form>

輸入標簽??

< input type=“類型” name=“命名，以備后臺使用，同一類型，命名應相同” value=“設置默認值” >

type可分類型：

• 文本輸入框：text
• 密碼輸入框：password
• 單選框：radio 同組單選框name屬性值相同，此時的value作為提交數(shù)據(jù)到服務器的值，可添加checked設置默認選中值
• 多選框：checkbox 上同
• 文件控件：file
• 提交按鈕：submit
• 重置按鈕：reset
• 普通按鈕：button

多行文本域

< textarea> < /textarea>

可用屬性：

• rows：規(guī)定文本區(qū)內可見行數(shù)。
• cols：規(guī)定文本區(qū)內可見列數(shù)。

下拉菜單

標簽：< select name="">< /select>
列表項： < option value="">
可添加 selected 作為默認選中值

三、其他

label標簽

< label for = “控件id名稱”> 用戶名：< input type = “text” id = “id名稱” /> < /label>

點擊 label 元素內文本，就會觸發(fā)此控件。即當用戶選擇該標簽時，瀏覽器會自動將焦點轉到和標簽相關的表單控件上。

內聯(lián)框架

< iframe>< /iframe>

可選屬性

• src：文件的路徑
• width、height：“內聯(lián)框架"區(qū)域的寬與高
• name：框架的名字，用來識別框架
• frameBorder：設置是否顯示框架的邊框，值為 1 或者 0
• scrolling：當 src的指定的HTML文件在指定的區(qū)域顯示不完時，滾動選項： no（不出現(xiàn)滾動） / yes（顯示滾動） / auto（自動出現(xiàn)滾動條）

總結

以上是生活随笔為你收集整理的Web开发（一）·期末不挂之第三章·HTML基础二（html实现表格和表单）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。