這篇文章主要介紹了html表單邊框如何加顏色,具有一定借鑒價(jià)值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

首先我們說(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" value="提交" /> </form>
這個(gè)在瀏覽器中顯示的效果為:

這個(gè)效果相信我們?cè)诤芏鄷r(shí)候都見(jiàn)過(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)整都可以。
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享html表單邊框如何加顏色內(nèi)容對(duì)大家有幫助,同時(shí)也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,遇到問(wèn)題就找創(chuàng)新互聯(lián),詳細(xì)的解決方法等著你來(lái)學(xué)習(xí)!
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無(wú)理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專(zhuān)為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
標(biāo)題名稱(chēng):html表單邊框如何加顏色-創(chuàng)新互聯(lián)
鏈接地址:http://chinadenli.net/article12/dpspdc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站改版、做網(wǎng)站、軟件開(kāi)發(fā)、網(wǎng)站維護(hù)、定制網(wǎng)站、網(wǎng)頁(yè)設(shè)計(jì)公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容