Study 4 表單標籤

2022-08-02 02:15:10 字數 2513 閱讀 4785

表單:用於採集瀏覽者的相關資料。

表單標記

表單的基本語法格式如下:

其中,action指定處理提交表單的格式,可以是url位址或電子郵件位址;

method指明提交表單的http方法;

enctype指明用來把表單提交給伺服器時的網際網路**形式。

表單的基本元素

表單元素是能夠讓使用者在表單中輸入資訊的元素,常見的有文字框,密碼框,下拉列表,單選框,核取方塊等。

1. 單行文字輸入框text

其中,type="text"定義單行文字輸入框;

name屬性定義文字框的名稱,要保證資料的準確採集,必須定義乙個獨一無二的名稱;

size屬性定義文字框的寬度,單位是單個字元寬度;

maxlength屬性定義最多輸入的字元數;

value屬性定義文字框的初始值。

2. 多行文字框標記

其中cols屬性定義多行文字框的寬度,單位是單個字元寬度;

rows屬性定義多行文字框的高度,單位是單個字元寬度;

wrap屬性定義輸入內容大於文字域時顯示的方式。

3. 密碼域password

4. 單選按鈕radio

name屬性定義單選按鈕的名稱,單選按鈕都是以組為單位使用的,在用一組中的單選項都必須用同一名稱;

value屬性定義單選按鈕的值,在同一組中它們的域值必須是不同的。

5. 核取方塊checkbox

6. 選擇列表標記

下拉選擇框主要用於在有限的空間裡設定多個選項,它既可以用作單選,也可以用作多選。

...

...

其中,size屬性定義選擇列表的行數;

multiple屬性表示可以多選,不設定即為單選;

selected屬性表示預設已經選擇本選項。

7. 普通按鈕button

onclick屬性表示單擊行為,也可以通過指定指令碼函式來定義按鈕的行為。

value屬性定義按鈕的顯示文字。

8. 提交按鈕submit

9. 重置按鈕reset

用於清空表單中輸入的資訊。

10. url屬性

11. email屬性

與url屬性類似,email屬性用於讓瀏覽者輸入e-mail位址。在提交表單時會自動驗證email域的值。

12. date和times

html5新增了一些日期和時間輸入型別,其中包括:date、datetime、datetime-local、month、week和time

日期和時間輸入型別

屬性                  含義

date 選取日、月、年

month 選取月、年

week 選取周和年

time 選取時間

datetime 選取時間、日、月、年

datetime-local 選取時間、日、月、年(本地時間)

以date屬性為例,**格式入下:

13. number屬性

number屬性提供了乙個輸入數字的輸入型別。使用者可以直接輸入數字或者通過單擊微調框中的按鈕選擇數字。

另外,min和max屬性可以規定輸入數字的最小值和最大值。

14. range屬性

顯示乙個滾動範圍控制項

15. required屬性

required屬性規定必須在提交之前填寫輸入域(不能為空)。

required屬性適用於以下型別的輸入屬性:

text、search、url、email、password、date、pickers、number、checkbox和redio等。

綜合例項 —— 建立使用者反饋表單

Study 4 資料型別(1)

基本型別 數字字串 布林數字 整數 int 在32位機器上,整數的位數為32位,取值範圍為 2 31 2 30 在64位機器上,整數的位數為64位,取值範圍為 2 63 2 62 長整數 long python沒有限制長整數數值的大小,但實際上由於機器記憶體有限,我們使用的長整數數值不可能無限大。浮...

HTML表單標籤,框架標籤

form actiom 向後台伺服器提交的位址url 訪問伺服器 method 向後台的提交方式 註冊,登入等 屬性 1.action 提交後台位址 2.method 提交方式 3.js時間程式設計 onsubmit事件 表示提交是否成功,提交成功返回true,否則返回false 常用 get,po...

HTML標籤之表單標籤

1 表單標籤 表單是乙個包含表單元素的區域。表單元素是允許使用者在表單中 比如 文字域 下拉列表 單選框 核取方塊等等 輸入資訊的元素。屬性 action 介面位址 method get post name 表單名稱 2 表單控制項 屬性 type 控制項型別 name 屬性標識表單域的名稱 val...