前端效果 持續更新。。。

2022-01-16 00:56:27 字數 1158 閱讀 7794

1.按下enter鍵,改變下面文字 顏色

實現如下:

//

html部分

"text

" id="

txt1

" value="" placeholder="

商品名稱

" />

"sp1

">hello

//js部分

view code

2.全選&取消全選

實現如下:

//

html部分

"checkbox

" id="

ckall

"/>全選

"checkbox

" name="

opt"/>選項一

"checkbox

" name="

opt"/>選項二

"checkbox

" name="

opt"/>選項三

//js部分

view code

3.首次進入頁面提示輸入內容

實現如下:

view code

4.手機頁面限定

"

x-ua-compatible

" content="

ie=edge,chrome=1

">//

控制相容性

"viewport

" content="

width=640,target-densitydpi=device-dpi,user-scalable=no

">//

限定使用者擴大和自動縮放螢幕

view code

前端工作分享( 持續更新)

1.當乙個 form 元素中只有乙個輸入框時,在該輸入框中按下回車應提交該表單。如果希望阻止這一預設行為,可以在 標籤上新增 submit.native.prevent。2.在編寫css元件樣式的時候 要規範化 不要在style寫全域性樣式 否則會影響全域性,用style scoped當前元件加 d...

前端學習雜記(持續更新)

菜鳥 jquery 原始碼之家 飛冰 圖示 漸變色 ant design element ui target blank href border 0 src alt 你好加我 title 你好加我 a 具體操作如下截圖 controls 顯示控制欄 音訊元素h1 css box model不同部分的...

前端實用的東西 持續更新

bootstrap twitter的css庫,非常豐富,風格完全可以基於它實現 placehold 如果沒有時候,傳個引數進去,會返回給你乙個臨時,顯示長度寬度 fontawsome 一些實用好看的字型 jquerycycle 製作廣告欄 handlebar 輕量級又好用的js模板繫結 datera...