Input typehtml input顯示文字Input type=passwordInput type=rangeHTML password eyeInput textHTML inputHTML <textarea

【Html 教學】 表單form、輸入input 語法 - 測試先生

文章推薦指數： 80 %
投票人數：10人

Html 表單文字(text). 文字可以透過標籤來進行設定，用戶可以再表單中輸入字母、數字、 ... 跳至主要內容跳至主要資訊欄跳至頁尾目前位置:首頁/網頁技術/HTML/【Html教學】表單form、輸入input語法要如何在Html頁面請使用者輸入內容呢？表單form是你的好幫手，使用者可以針對你提供不同的輸入框提供給使用者輸入內容此文章主要介紹文字(text)、密碼(password)、單選框(radio-buttons)、複選框(checkboxes)、提交按鈕(SubmitButton)基本的操作那要怎麼建立一個表單呢？往下提供不同的範例程式碼給你參考內容目錄Html表單文字(text)Html表單密碼(password)Html表單單選框(radio-buttons)Html表單複選框(checkboxes)Html表單提交按鈕(SubmitButton)更多技術文章Html表單文字(text)文字可以透過標籤來進行設定，用戶可以再表單中輸入字母、數字、中文等內容。

你是誰:
喜歡吃什麼:
Html表單密碼(password)密碼(password)字串可以透過標籤定義密碼基本上不會顯示你打內容，則是透過星號或是圓點來代替，不然就不叫密碼了
銀行帳號:
銀行密碼:
Html表單單選框(radio-buttons)當你在規劃的網頁是便當店，就可以透過這個方式，讓使用者選擇他要的便當這時候就需要透過單選的方式進行也就是使用標籤來定義單選框選項
雞腿便當
排骨便當
控肉便當
Html表單複選框(checkboxes)利用上一個便當店來做範例的話，也許吃飯的人一次想點多個不同的便當來吃也就是所謂的複選，因此我們可以透過複選框(checkboxes)來達到這個需求Html可以使用標籤來定義，如果不選多個一個也是可以使用的
雞腿便當
排骨便當
控肉便當
Html表單提交按鈕(SubmitButton)當使用者選擇好便當，要怎麼讓便當店老闆知道呢？可以透過提交按鈕(submitbutton)Html提交按鈕是使用標籤來定義。

當用戶確認好要選擇的便當後，按下Submitbutton就可以將選擇的便當資料轉交給下一個頁面去處理什麼叫做下一個頁面？可以看到form第一行有一個action的選項指定說當你按下了submit這個按鈕時，會將資料送到你對應的action指定的功能或是頁面可以是php、javascript等等的語法主要是看你用途是什麼 雞腿便當
排骨便當
控肉便當
另外一個範例可以參考下方程式碼是問使用者要吃什麼，使用者輸入完後，按下Sumbit(就決定吃這個了)將資料傳送到XXX頁面做處理 你想吃什麼:
文章內的程式碼都可以直接複製下來練習操作，或是直接套用到自己的專案都行！多練習，對自已會有很大的幫助！一回生二回熟，將所學習到內容變成自己的知識。

人就是要學習自己不會的事情，這樣才會不斷的成長、進步！更多技術文章透過下方按鈕找尋到相關的技術文章，希望可以幫助到正在學習的你html教學文章Python教學文章Ngrok教學Jenkins教學WordPress教學Chatbot教學加入到我的粉絲專頁，不定期發布最新文章資訊！有任何文章問題都可以詢問喔！測試先生讀者互動方式發佈留言取消回覆發佈留言必須填寫的電子郵件地址不會公開。

必填欄位標示為*留言*顯示名稱*電子郵件地址*個人網站網址在瀏覽器中儲存顯示名稱、電子郵件地址及個人網站網址，以供下次發佈留言時使用。

主要資訊欄Searchthesite...電子郵件FacebookGitHubLinkedInHtml表單文字(text)Html表單密碼(password)Html表單單選框(radio-buttons)Html表單複選框(checkboxes)Html表單提交按鈕(SubmitButton)更多技術文章Footer電子郵件FacebookGitHubLinkedIn

請為這篇文章評分？

延伸文章資訊