首先我們說(shuō)的是表單的邊框怎么添加顏色？

input 標(biāo)簽用于搜集用戶信息。根據(jù)不同的type屬性值，輸入字段擁有很多種形式。輸入字段可以是文本字段、復(fù)選框、掩碼后的文本控件、單選按鈕、按鈕等等。

提示：在 HTML 中， input 標(biāo)簽沒(méi)有結(jié)束標(biāo)簽；在 XHTML 中， input 標(biāo)簽必須被正確地關(guān)閉。

提示：請(qǐng)使用 label 元素為某個(gè)表單控件定義標(biāo)簽。

先來(lái)看一個(gè)HTML表單邊框的使用實(shí)例：

 form action= form_action.asp method= get  請(qǐng)輸用戶名: input type= text name= fname / /br  重復(fù)用戶名: input type= text name= lname / /br  input type= submit html' target='_blank'>value= 提交 /  /form 

這個(gè)在瀏覽器中顯示的效果為：

這個(gè)效果相信我們?cè)诤芏鄷r(shí)候都見過(guò)，也用過(guò)不少次。

這是還沒(méi)加入邊框的，現(xiàn)在說(shuō)說(shuō)怎么加邊框：

我們這篇文章用的是css樣式來(lái)設(shè)置邊框線，比如添加這樣樣式：

 style form{ border: 3px solid red; /style 

里面的效果就出來(lái)，我們一起把全部的代碼都敲出來(lái)吧：

 html  head  style form{ border: 3px solid red; /style  /head  form action= form_action.asp method= get  請(qǐng)輸用戶名: input type= text name= fname / /br  重復(fù)用戶名: input type= text name= lname / /br  input type= submit value= 提交 /  /form  /html 

現(xiàn)在來(lái)看看效果，有沒(méi)有3像素的邊框：

如圖，添加了三個(gè)像素的紅色邊框把表單都包裹起來(lái)了，這個(gè)代碼是不是也很簡(jiǎn)單，這個(gè)我們就要可以用來(lái)調(diào)整邊框線的顏色啊，和像素調(diào)整都可以。

這篇關(guān)于HTML表單的邊框的文章到這也就結(jié)束了（想學(xué)更多的編程知識(shí)，歡迎來(lái)PHP 學(xué)習(xí)），有問(wèn)題的可以在下方提問(wèn)。

【小編推薦】

html中的ol標(biāo)簽如何去掉標(biāo)號(hào)呢？ ol 標(biāo)簽的使用方法總結(jié)

HTML中ul標(biāo)簽如何去掉點(diǎn)？HTML無(wú)序列表的樣式實(shí)例解析

以上就是html表單邊框怎么加顏色？html form標(biāo)簽的邊框顏色實(shí)例的詳細(xì)內(nèi)容，html教程

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。