HTML表單的簡單介紹

HTML表單是什么?

HTML 表單是用于搜集不同類型的用戶輸入。
表單是一個包含表單元素的區域。表單元素是允許用戶在表單中輸入內容,比如:文本域(textarea)、下拉列表、單選框(radio-buttons)、復選框(checkboxes)等等。

表單使用表單標簽 <form> 來設置:

<form>
.
input 元素
.
</form>

HTML表單的輸入元素

元素 元素定義
<select> 元素定義下拉列表
<option> 元素定義待選擇的選項
<textarea> 元素定義多行輸入字段(文本域)
<button> 元素定義可點擊的按鈕
<datalist> 元素為 <input> 元素規定預定義選項列表

HTML 輸入類型

輸入類型 說明
text 文本輸入的單行輸入字段
password 密碼字段
submit 提交表單數據至表單處理程序的按鈕
radio 單選按鈕
checkbox 復選框
botton 按鈕
number 包含數字值的輸入字段
date 包含日期的輸入字段
color 包含顏色的輸入字段
range 包含顏色的輸入字段
mouth 允許用戶選擇月份和年份
week 允許用戶選擇周和年
time 允許用戶選擇時間(無時區)
datetime 允許用戶選擇日期和時間(有時區)
datatime-local 允許用戶選擇日期和時間(無時區)
email 包含電子郵件地址的輸入字段
serch 搜素字段(搜索字段的表現類似常規文本字段)
tel 包含電話號碼的輸入字段
url 包含URL地址的輸入字段

輸入的屬性

屬性 說明
value 屬性規定輸入字段的初始值
readonly 屬性規定輸入字段為只讀(不能修改)
disabled 屬性規定輸入字段是禁用的
size 屬性規定輸入字段的尺寸(以字符計)
maxlength 屬性規定輸入字段允許的最大長度
autocomplete 屬性規定表單或輸入字段是否應該自動完成
novalidate 規定在提交表單時不對表單數據進行驗證
autofocus 屬性是布爾屬性
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 標簽一般用于注冊,采集用戶信息頁面與服務器交互。有常用的兩種屬性:method屬性:規定用于發送 form-dat...
    饑人谷_LEO閱讀 120評論 0 1
  • 本人做php的,最近發現JS真的是博大精深啊,比PHP難.在HTML中,表單是由form元素來表示的,但是在jav...
    linfree閱讀 2,207評論 3 17
  • 1. 什么是表單 HTML表單用于搜集不同類型的用戶輸入以提交給服務器進行處理, 表單是一個包含表單元素的區域. ...
    cheneyzhangch閱讀 495評論 0 0
  • 本文介紹關于form表單的一些使用方法網站是如何與用戶進行交互的?使用HTML表單。表單用于搜集不同類型的用戶輸入...
    左冬的博客閱讀 1,374評論 1 3
  • 1、表單簡介 HTML 表單用于搜集不同類型的用戶輸入。表單是一個包含表單元素的區域。表單元素包括:文本域(tex...
    huangyh_max閱讀 577評論 0 1