表單綜合

時間 2019-11-10

標籤表單綜合欄目 HTML 简体版

原文原文鏈接

表單幾個屬性html

cellspacing 設置單元格和單元格邊框之間的空白間距像素值默認爲2服務器

cellpadding 設置單元格內容與單元格邊框之間的空白間距像素值默認爲1post

表格標題url

表格的標題caption，必須緊跟table標籤以後。一個表格只能有一個標題。spa

語法：code

<table>orm

<caption>這是一個標題</caption>htm

</table>blog

單元格語法 (表頭標籤<th></th>)ci

<table>

<tr>

</tr>

</table>

合併單元格（難點）

跨行合併：rowspan;

跨列合併：colspan;

合併單元格的思想：多個內容合併的時候就會有多餘的東西，將多餘的東西刪除。（刪除的個數等於合併的個數-1）；

合併的順序：先上先左；

input控件(重點)

</input>標籤爲單標籤

屬性屬性值描述

text 單行文本輸入框

password 密碼輸入框

radio 單選按鈕

checkbox 複選框

type button 普通按鈕

submit 提交按鈕

reset 重置按鈕

image 圖像形式的提交按鈕

file 文件域

value 由用戶本身定義 input控件中的默認文本值

單選

複選

普通、提交、重置、image

for屬性和label標籤焦點的綁定

textarea控件（文本域）

語法：

文本內容

</textarea>

下拉菜單

.......

</select>

表單域

在HTML中，form標籤用於定義表單域，即建立一個表單，以實現用戶信息收集和傳遞，form中的全部內容都會被提交給服務器。

語法格式以下：

各類表單控件

</form>

經常使用屬性：

一、Action

在表單收集到信息以後，須要將信息傳遞給服務器進行處理，action屬性用於指定接收並處理表單數據的服務器程序的url地址。

二、method

用於設置表單數據的提交方式，其取值爲get或post。

三、name

用於指定表單的名稱，以區分同一個頁面中的多個表單。

【每一個表單都應該有本身的表單域】

查文檔

w3c school

MDN

三種樣式

一、內聯樣式

語法：

<標籤名 style=「屬性1：屬性值1；」>

二、內部樣式

語法：

三、外部樣式

世紀佳緣案例

<!DOCTYPE html>
<html lang="en">
<head>
<meta chraest="UTF-8">
<title>Document</title>
   <style>
   tr{
   height:35px;
   }
   </style>
<body>
  <table width="600" border="0" cellspacing="0" cellpadding="0" align="center" >
        <caption><h4>青春不常在，抓緊談戀愛</h4></caption>
        <tr>
            <td>我是</td>
           <td>
                           男<input type="radio"name="sex">
                           女<input type="radio"name="sex">
          </td> 
  
       </tr>
      <tr>
         <td>生日</td>
         <td>
         <select birthday=""id="">
           <option value="">請選擇年</option>
           <option value="">1990年</option>
           <option value="">1991年</option>
           <option value="">1992年</option>
           <option value="">1993年</option>
           <option value="">1994年</option>
           <option value="">1995年</option>
         </select>
          <select birthday=""id="">
           <option value="">請選擇月</option>
           <option value="">1月</option>
           <option value="">2月</option>
           <option value="">3月</option>
           <option value="">4月</option>
           <option value="">5月</option>
           <option value="">6月</option>
           <option value="">7月</option>
           <option value="">8月</option>
           <option value="">9月</option>
           <option value="">10月</option>
           <option value="">11月</option>
           <option value="">12月</option>
         </select>
         <select birthday=""id="">
           <option value="">請選擇日</option>
           <option value="">1</option>
           <option value="">2</option>
           <option value="">3</option>
           <option value="">4</option>
           <option value="">5</option>
           <option value="">6</option>
           <option value="">7</option>
           <option value="">8</option>
           <option value="">9</option>
           <option value="">10</option>
           <option value="">11</option>
           <option value="">12</option>
         </select>
          </td>
          <tr>
          <td>常住地</td>
          <td>
         <select>
            <option value="">湖南</option>
            <option value="">北京</option>
            <option value="">南京</option>
            <option value="">上海</option>
         </select>
          </td>
          
         <tr>
          <td>婚姻情況</td>
          <td>
                             未婚 <input type="radio"name="married">
                             離異 <input type="radio"name="married">
                             喪偶 <input type="radio"name="married">
          </td>
          </tr>
          
          <tr>
           <td>身高</td>
           <td>
           <select>
             <option value="">170</option>
             <option value="">172</option>
             <option value="">173</option>
             <option value="">174</option>
             <option value="">175</option>
           </select>
           </td>
           </tr>
           
           <tr>
           <td>學歷</td>
           <td>
           <select>
             <option value="">本科</option>
             <option value="">大專</option>
             <option value="">高中中專及如下</option>
             <option value="">雙學士</option>
             <option value="">碩士</option>
             <option value="">博士</option>
           </select>
           </td>
           </tr>
           
           <tr>
           <td>月薪</td>
           <td>
           <select>
             <option value="">5000-10000元</option>
             <option value="">2000元如下</option>
             <option value="">2000-5000元</option>
             <option value="">10000-20000元</option>
             <option value="">20000-50000元</option>
             <option value="">50000元以上</option>
           </select>
           </td>
           </tr>
           
           <tr>
           <td>手機號</td>
           <td><input value=""></td>
           </tr>
           
            <tr>
           <td>驗證碼</td>
           <td><input value=""></td>
           </tr>
           
            <tr>
           <td>建立密碼</td>
           <td><input type="password" value=""/></td>
           </tr>
           
            <tr>
           <td>暱稱</td>
           <td><input value=""></td>
           </tr>
           
           <tr>
           <td>自我介紹</td>
           <td>
            <textarea name=""id=""cols="50" rows="10"></textarea>
            </td>
           
           
           
           
  </table>

</body>

</head>
</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。