表單：專門用來搜集用戶信息

元素：在HTML中 標簽、標記、表單都是指HTML中的標簽

如： a標簽、a標記、a元素

表單元素：也是HTML中的一些標簽，只是它們比較特殊，有特殊的外觀的默認的功能

表單格式：

常見的表單元素：

① input標簽

type屬性：

text明文本

password密碼

radio 單選框，必須設置name屬性為相同的值

radio默認不會選中任何選項，需要添加一個checked屬性

男

value屬性：可以給輸入框輸入默認值

checkbox 多選框架，可同時選擇多個

Paste_Image.png

type的其它屬性：

按鈕 type="button" 配合JS做一些相應操作

重置按鈕：把填寫好的表單數據清空

如果想修改 重置按鈕 的title，可通過value屬性來修改

提交按鈕：把表單添加的數據提交到服務器

①需要給form表單添加action屬性 ，通過action屬性指定需要提交的服務器地址

②表單中需要提交的數據 都要設置name屬性

Paste_Image.png

Paste_Image.png

Paste_Image.png

隱藏域：配合提交按鈕 默默的將數據提交到服務器 用戶不知情，在界面看不到這個隱藏域

Label標簽：讓輸入框和文字綁定

默認情況下，文字與輸入框無關聯，點擊文字 輸入框不會聚焦

文字用label標簽包圍，輸入框添加id屬性，label標簽添加for屬性和輸入框的id綁定

Paste_Image.png

簡化的版本

Paste_Image.png

DataList標簽：給輸入框綁定 待選項

格式：

待選項

Paste_Image.png

input標簽type在H5中新增的類型：

email 、url、date、number、

表單標簽中，不光有input標簽，還有一些其它的標簽

select標簽：定義下拉列表，城市選擇。。

列表數據

selct標簽：自己就是一個列表

datalist標簽：指定待選項 綁定給一個輸入框

Paste_Image.png

可以給option標簽包圍optgroup

Paste_Image.png

多行輸入框：textarea

內容

注意：默認輸入框可無限換行、有自己的寬度和高度

cols可修改寬度 rows可修改高度

Paste_Image.png

fieldset標簽給表單添加一個邊框

legend標簽給邊框指定一個標題

Paste_Image.png

orient/strip%7CimageView2/2/w/1240)

總結

以上是生活随笔為你收集整理的html的表单标记格式,HTML表单标签的全部內容，希望文章能夠幫你解決所遇到的問題。

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