【HTML5複習】表單

表單

用于搜集不同類型的使用者輸入

表單元素：不同類型的input元素、複選框、單選按鈕、送出按鈕等

<form>
	<input type=" " name="名稱" value="設定預設值">
</form>
           

1. input元素：

是最重要的表單元素，有很多形态，有不同的type屬性

type	描述	補充
text	文本輸入框	定義單行輸入字段，使用者可以在其中輸入文本，預設是20個字元
password	密碼輸入框	字段中的字元會被遮蔽
number	數字輸入框
url	網址輸入框
tel	電話号碼輸入框
emial	郵箱輸入框
image	定義圖像作為送出按鈕
submit	送出按鈕
reset	重置按鈕	将所有表單字段重置為初始值
radio	單選按鈕
checkbox	複選按鈕

2.name

name=“空間的名稱”

表示文本框的名稱，主要是用來區分其他控件，以備背景程式ASP.PHP使用

3.size=“控件的長度”

表示文本框在頁面裡能夠顯示出來的長度

4.maxlength

maxlength=“最長的字元數”

5.value

value=“文字域的預設取值”

6.required=“required”

标記一個字段是否必須

7.placeholder

=“輸入框占位符”

8.form：

在HTML5中，表單控件已經沒有必要嵌套在一個表單中，新的form屬性可以把表單元素與頁面上的任意表單關聯起來，也可以被嵌套在一個表單中，随着另一個表單送出。

建立文本域

<form>
	<textarea rows="行數" cols="列數" 預設文本值> </textarea>
</form>
           

input标簽之外是否一定添加form标簽：

https://blog.csdn.net/lamanchas/article/details/78753031

table：

table 标簽定義 HTML 表格。

簡單的 HTML 表格由 table 元素以及一個或多個 tr、th 或 td 元素組成。

tr 元素定義表格行，th 元素定義表頭，td 元素定義表格單元。

HTML td标簽的colspan屬性

規定單元格可橫跨的行數

colspan=“0” 訓示浏覽器橫跨到列組的最後一列。