歡迎您訪問八維職業學校-創新教育 引領未來
隨著互聯網的普及和技術的不斷發展，web前端開發工程師在當今互聯網行業中的重要地位，Web前端開發工程師作為一個專業技術崗位，需要掌握多種技術來構建現代化的網頁和應用程序，今天八維職業學校和大家一起來看看web前端工程師常用的表單，希望對想要學習和了解web前端開發工程師這個行業的同學有所幫助。
JS 最早是為表單而發明的，因此在沒有JS之前，所有操作都需要提交后端驗證，發現有誤再重定向回原頁面。JS最初發明出來，就是做表單驗證的。
圍繞表單，添加了各種語義化的元素，事件，屬性.
比如說label，在某個radio外圍上它，既能說明它是什么東西，也能擴大點擊范圍
比如說fieldset，它擁有默認的框框，方便圈定某個區域，表明這里面的東西是表單(form默認不可見，CSS此時還未發明)
比如說， onchange, oninput, onsubmit等事件，提交與用戶交互的友好度
比如說，readOnly, disabled, checked, 為表單元素增加各種狀態
我們可以給一個定義，何謂表單元素 ?就是能向后端提供數據的元素
而這些元素通常都放在form元素中，但如果將它們單個拎出來，這個不好判定，我們還可以通過其他"外觀"特征獲得，就是它們的tagName都是input, button, select, textarea。其實option元素也算是表單元素，但它的數據需要提交到select 元素 進行過濾，才能提交。
function isFormElement(el){
return /input|button|select|textarea/i.test(el.tagName)
}
在HTML5中，還添加類似datalist, output等元素，但它們只是輔助設施，沒有直接給form提交數據的能力，因此不算是表單元素
form元素作為AJAX出現前唯一的提交通道，重點說下：
form擁有如下屬性
accept：值MIME_type 規定通過文件上傳來提交的文件的類型
accept-charset：值charset 服務器處理表單數據所接受的字符集
enctype：值MIME_type 規定表單數據在發送到服務器之前應該如何編碼
method：值get/post 規定表單數據發送的方式，get方法和post方法
name：值name 規定表單的名稱
target：值_blank/_parent/_self/_top 規定在何處打開action URL
其中有三個重要屬性：
1、action指定該表單發送時接受操作的地址
2、method指定表單數據發送的方法?？蛇x值:get、post。get發送則表單內的數據將附加到url后發送。post則是在HTTP請求中發送。
3、enctype指定表單數據在發送的服務器之前如何編碼，特別注意的是，當含有上傳域時要設置編碼方式為enctype="multipart/form-data"，否則后臺無法獲取到瀏覽器發送的文件數據。是設置表單的MIME編碼。默認情況，這個編碼格式是application/x-www-form-urlencoded，不能用于文件上傳;只有使用了multipart/form-data，form里面的input的值以2進制的方式傳過去。才能完整的傳遞文件數據。FTP上傳大文件的時候，也有個選項是以二進制方式上傳。
學制學費
學習時間
近期活動
開班信息
課程內容
就業情況
津公網安備12011302141430
如何成為IT行業中有競爭力的人工智能工程師？
在當今數字化浪潮洶涌澎湃的時代，人工智能作為 IT 行業最具爆發力的領域之一，正重塑著世界的方方面面，從醫療保健到金融服務，從智能交通到娛樂產業，其影響力無處不在。若想成為這一充滿魅力與挑戰領域中的佼佼者 —— 極具競爭力的人工智能工程師，需要在多個維度精心打磨自己。