1.文本框：inputtype="text"/

2.密碼框：inputtype="password"/

3.單選框：inputtype="radio"name="sex"/單選1inputtype="radio"name="sex"/單選2

4.復選框：inputtype="checkbox"/復選1

5.inputtype="checkbox"/復選2

6.多行文本框可以設置縱和列的數(shù)值：textareacols="40"rows="4"/textarea

7.下拉列框：select

8.option選項1/option

9.option選項2/option

10.option選項3/option

11./select

12.年月日：inputtype="date"/

13.文件上傳：inputtype="file"/

14.按鈕type類型：(提交部分都要在form中)

15.inputtype="submit"value="提交按鈕"/inputtype="button"value="普通按鈕"/inputtype="reset"value="重置按鈕"/

16.提交打包：formaction="http://www.baidu.com"method="post"(post提交數(shù)據(jù)不顯示get提交數(shù)據(jù)會顯示在地址欄后面)

17.中間是需要提交的表單代碼

18./form!DOCTYPEhtmlhtmlheadmetacharset="utf-8"title/title/headbodyformaction="http://www.baidu.com"method="post"inputtype=hiddenvalue="124342342@"name=“uid”/!--hidden是指post的隱藏域，用來隱藏提交post的數(shù)據(jù)--用戶名：inputtype="text"placeholder="請輸入用戶名"/br/密碼：inputtype="password"placeholder="請輸入用戶名"/br/證件照：inputtype="file"br/性別：inputtype="radio"name="sex"/男inputtype="radio"name="sex"/女br/出生日期:inputtype="datetime-local"/br/愛好：inputtype="checkbox"打球inputtype="checkbox"聽歌inputtype="checkbox"看書br/籍貫：selectoption湖北武漢/optionoption湖北黃岡/optionoption湖北鄂州/optionoption湖北黃石/option/selectbr/個人簡介：textareacols="40"rows="4"/textareabr/inputtype="submit"value="提交按鈕"/inputtype="button"value="普通按鈕"/inputtype="reset"value="重置按鈕"//form/body/html

總結

以上是生活随笔為你收集整理的在线设计 html5 表单,html5注册表单制作-表单制作-小程序表单制作的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。