讓你的文字框(input)更加豐富多彩

2021-08-23 15:07:42 字數 376 閱讀 7186

css:

上面的**中 input.txtinput 定義了文字框中有小圖示的通用樣式,其中 padding 的第四個值是定義文字內容從 20 象素處開始,原因是本文的是 16 象素大小,文字四周有 2 象素的邊距。具體到實際應用,需要根據你的大小決定。

然後,我們又定義了 searchinput 和 commentinput 兩個文字框樣式,分別設定了2個不同的小圖示。這樣,我們在設定文字框的 class 時可以這樣寫:

html: 搜尋:

為你的文字框加乙個效果柔和的邊框

css:

上面的**設定了乙個背景圖,並且左上對齊,當然,我們這個通常要寬一些、高一些,然後設定乙個和漸變顏色近似的 border 。是的,乙個效果柔和的邊框實現了。

文字框控制項(Input)

用來輸入文字,除了name屬性是必要的,其他引數可選。相關屬性 title,該輸入框的標題。type,預設值為text,如選擇password,則輸入的資料顯示為 name,指定了用來儲存該輸入文字的變數名字。value,與select的相同屬性很相似,name用於儲存變數資料,value用於提供預...

input文字框輸入限制

1.文字框只能輸入正數數字,且最長2位小數 oninput var p2 parsefloat value tofixed 2 value p2 0?0?test value value p2.replace 0 replace 0 2.文字框只能輸入正數數字 oninput value value...

input文字框顏色的問題

color red webkit browsers input webkit input placeholder mozilla firefox 4 to 18 input moz placeholder mozilla firefox 19 input moz placeholder intern...