HTML表單屬性總結(第一版)

　　　基本格式為:<input type="類型" name="名字[唯一,有的類型的同組是需要設置相同的名字]" value="值,類型不同的,他們的含義是不同的">.

　　　例如:<input type="text" name="username" value="請輸入用戶名">　　在單行文本框里的value是文本框內初始的值(字),作為提示用的.

form屬性:

action 數據提交地址 默認是當前頁處理.
method 提交方式:get-通過地址欄提交-不安全;post-在請求頭信息傳輸的時候加密,且不會在地址欄上顯示-較為安全.

文本框:

單行文本框:type="text" 屬性:name[名字唯一,沒有分組] size[文本框的長度] maxlength[最大輸入量] value[文本框初始值] autofocus[自動獲取焦點(未嘗試)].
文本域/多行文本框:<textarea>,這個文本域不用和input type一起使用.
密碼框:type="password".
下拉文本框:<select> <option> 名字是在select里面設置,而value是在option里面設置,下拉內容是由option來編寫的,需要用value來區分.

?

按鈕:

提交按鈕:type="submit"/<botton>.
重置按鈕:type="reset" 它是用來恢復初始狀態,并不是清除.
普通按鈕:type="botton".
圖像按鈕:type="image" 圖像按鈕點擊生成動作時,會將點擊坐標提交上去的,在地址欄里可以看見,僅有在get的提交方式可見.
單選按鈕(有組之分):type="radio".
復選按鈕(有組之分):type="checkbox" 同組復選框有多個value的話,需要加[]即以數組的形式提交數據,否則后臺是接收不了多個數據的.
注意:單選和多選有一個默認選中屬性:checked;還有的是重置按鈕,普通按鈕和提交按鈕中的value值都是設置按鈕里面的字.

表單其他屬性:

文件域/上傳文件:type="file" 上傳的文件是儲存在臨時文件區里面,如果不添加enctype multipart/form-data,文件將會被編譯成文字編碼來傳輸,該屬性還有:text/plain application/x-www.formurlencoded的選項,詳細的請查詢w3c.
隱藏域:type="hidden" 用來傳輸用戶不需要看到的數據.

其他內容:

B/S 瀏覽器端/服務器端 C/S 客戶端/服務器端.
IE是不支持CSS3,高階IE也只是支持部分CSS3屬性. 表單表單分成兩部分:一部分是在前臺給用戶提交信息(客戶端),另一部分是在后臺進行數據處理(服務器端).
style是用來寫樣式的,屬于CSS的內容.
iframe框架:在使用的時候需要將body去掉,它也叫浮動框架,可以結合浮動框架來實現文件預覽.
顏色表示方式:常用十六進制來表示-格式:#123456 一共六位,可以進行簡寫(每兩位都相同十六進制就可以,簡寫成為三位的十六進制 例如:#00aaff 可以簡寫為:#00aaff)

?

作者技術有限,若哪位大神發現有誤,請多多指點.

轉載于:https://www.cnblogs.com/freedom-eagle/p/6085089.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的HTML form的一些属性(第一版)的全部內容，希望文章能夠幫你解決所遇到的問題。

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