應(yīng)用場(chǎng)景 登錄、注冊(cè) 、舉報(bào)投訴、發(fā)表意見建議

專注于為中小企業(yè)提供網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)興化免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了近千家企業(yè)的穩(wěn)健成長(zhǎng)，幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

input表單type屬性值（常用的8種）

HTML4
type = "text" 單行文本輸入
type = "password" 密碼 （maxlength=""）
type = "radio" 單項(xiàng)選擇 （checked="checked"）
type = "checkbox "多項(xiàng)選擇"
type = "button" 按鈕
type = "submit" 提交
type = "file" 上傳文件
type = "reset" 重置

HTML5智能表單
type = "email" 限制用戶輸入必須為Email類型
type = "url" 限制用戶輸入必須為url類型
type = "date" 限制用戶輸入必須為日期類型
type = "datetime" 顯示完整日期含時(shí)區(qū)
type ="date-local" 顯示完整日期不含時(shí)區(qū)
type = 'time" 限制用戶輸入必須為時(shí)間類型
type = "month" 限制用戶輸入必須為月類型
type = "week" 限制用戶輸入必須為周類型
type = "number" 限制用戶輸入必須為數(shù)字類型
type ="range" 生成一個(gè)滑動(dòng)條
type = "search"具有搜索意義的表單 results = "n"屬性
type = "color" 生成一個(gè)顏色選擇表單
type = "tel" 顯示電話號(hào)碼

HTML5新增表單屬性
require 內(nèi)容不能為空
placeholder 表單提示信息
autofocus 自動(dòng)聚焦
pattern 正則表達(dá)式 輸入的內(nèi)容必須匹配到指定正則范圍
autocomplete 是否自動(dòng)保存用戶輸入值 默認(rèn)為on
formaction 在submit里定義提交地址
datalist 輸入框選擇列表配合list使用 list值為datalist的id值
output 計(jì)算或腳本輸出

form標(biāo)簽五大屬性 action method target name enctype(編碼方式）
label標(biāo)簽為input標(biāo)簽定義標(biāo)注 for屬性指向關(guān)聯(lián)的input的id屬性
radio在一起 要求name值必須一樣 才是一組單選按鈕 并且必須加value值才能被后臺(tái)獲取
checkbox也必須要求name值一樣 選擇多個(gè) 后臺(tái)通過
if(is_array($_GET["food"]) && !empty($_GET["food"])){
foreach($_GET["food"] as $value){ //循環(huán)獲取數(shù)組里面的值然后輸出
echo $value
}
}
判斷是否為數(shù)組 并且不為空

按鈕標(biāo)簽常用來(lái)觸發(fā)js代碼
<button></button>默認(rèn)是提交按鈕 <button type="submit"></button>
以上兩個(gè)button 如果在form表單里面用input
如果在非form表單里面用<button></button>
file 上傳文件 multiple 上傳多個(gè)文件
hidden 隱藏 后臺(tái)用來(lái)監(jiān)控點(diǎn)擊按鈕點(diǎn)了多少次 點(diǎn)擊圖片點(diǎn)了多少次
后臺(tái)通過input的name屬性獲取數(shù)據(jù)$_GET["username"]

網(wǎng)站題目：前端表單交互
地址分享：http://jinyejixie.com/article0/gpeeio.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、網(wǎng)站排名、關(guān)鍵詞優(yōu)化、ChatGPT、移動(dòng)網(wǎng)站建設(shè)、網(wǎng)站營(yíng)銷

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)