HTML5中form表單標簽使用方法?這個問題可能是我們日常學習或工作經(jīng)常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純热?,讓我們一起來看看吧?/p>
我們提供的服務有:成都網(wǎng)站設計、成都網(wǎng)站制作、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認證、合作ssl等。為1000多家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務,是有科學管理、有技術的合作網(wǎng)站制作公司語法:
結束,表單都必須放在其之間。2.method 傳送方式, get/post 是后端程序員考慮的問題
3.action 瀏覽者輸入的數(shù)據(jù)被傳送到的地方,比如一個php頁面, (save.php)
文本輸入框,密碼輸入框
當用戶需要在表單中鍵入字母,數(shù)據(jù)等,就要用到文本輸入框,文本輸入框也可以轉化為密碼輸入框
語法:
講解:1.type :
當 type 為 text時,為文本輸入框
當 type 為 password 時, 為密碼輸入框
2.name :為文本框命名,以備后臺asp php使用
3.value :為文本輸入框設置默認值(一般起提示作用)
賬戶:
密碼:
結果:
賬戶:
密碼:
文本域:支持多行文本輸入
當用戶需要在表單中輸入大段文字時,就要用到文本輸入域
語法:
講解:1.文本輸入域以 結束
2.rows: 輸入文本輸入域的行數(shù)
3.cols : 輸入文本輸入域的列數(shù)
4.在標簽之間輸入默認值
結果:
個人簡介
使用單選框,復選框讓用戶選擇
在使用表單設計調查表時,為了減少用戶的操作,使用選擇框是一個好辦法,在HTML中,有單選框和復選框,兩者的主要區(qū)別是 單選框中用戶的選項只能選擇一項,而復選框中用戶可以任意選擇多項,甚至全選。
講解:
1. type : radio :控件單選框
checkbox : 控件復選框
2. value: 提供數(shù)據(jù)到服務器的值
3. name:為控件命名,以備后臺程序ASP,PHP使用
4.checked: 當設置 checked = “checked”時,該選項被默認選中。
你是否喜歡旅游?
你對那些運動感興趣?
結果:
你是否喜歡旅游?
你對那些運動感興趣?
注意:同一組的單選按鈕,name的取值一定要一致,這樣同一組的單選按鈕才可以起到單選的作用。
下拉列表框
使用下拉列表框,節(jié)省空間,既可以單選,又可以多選。
單選:
結果:愛好: 讀書運動音樂 旅游購物 (可以下拉)
提交值:是向服務器提交的值
選項:是顯示的值
設置 selected = "selected" 則該選項默認被選中。
多選:
就將上面的
使用提交按鈕,提交數(shù)據(jù)
在表單中有兩種按鈕可以使用,提交按鈕和重置,當用戶需要提交信息到服務器時,需要用到提交按鈕。
語法:
講解:
1.只有當type = "sumit"時,按鈕才有提交的作用
2.value: 按鈕上顯示的字
重置
當用戶需要重置表單信息到初始狀態(tài)時,可以使用重置按鈕,只要把type 改為 reset 就行。
講解:
1.同理提交按鈕,只有當type = "reset"時, 按鈕才有重置的作用
2.value : 按鈕上顯示的文字
label標簽
label標簽不會向用戶呈現(xiàn)任何特殊的效果,它的作用是為鼠標用戶改進了可用性,如果你在label標簽內點擊文本,就會觸發(fā)此控件,也就是說,當用戶單擊選中該label標簽時,瀏覽器會自動將焦點轉到和 標簽相關的表單控件上(就自動選中和該label標簽相關聯(lián)的表單控件上);
語法:
注意:標簽中for 屬性的值應該與相關控件的id屬性值一定要相同;
id="male" />
id="female" />
id="email" placeholder="Enter email">
結果:
男
女
輸入你的郵箱地址
以下是自己仿寫的,可復選的:
你對什么運動感興趣:
結果:
你對什么運動感興趣:
慢跑
登山
籃球
感謝各位的閱讀!看完上述內容,你們對HTML5中form表單標簽使用方法大概了解了嗎?希望文章內容對大家有所幫助。如果想了解更多相關文章內容,歡迎關注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道。