前端小專案之輸入框

2021-10-25 12:18:02 字數 982 閱讀 4726

前置知識學習:

input標籤中的placeholder屬性:字面意義是佔位符,作用是作為輸入時預期值的提示資訊,當輸入欄位為空會自動顯示,當在字段獲得焦點時消失。

1.f or

mform

form

表單包括4個元素

標題,使用者名稱,密碼,登入

2.f or

mform

form

盒子定位到瀏覽器中心。

設定使用者名稱和密碼的獲取焦點的過渡動畫。

設定登入的過渡動畫。

移動盒子到瀏覽器中心的基本操作:

position

: absolute;

top: 50%;

left

: 50%;

transform

:translate

(-50%, -50%)

;

邊框設定為圓角,設定動畫過渡時間

border-radius

: 24px;

/* 增加圓角 */

transition

: 0.25s;

/* 平滑過渡的時間 */

foc

us,h

over

focus,hover

focus,

hove

r 當獲取焦點,當滑鼠移動上面時進行的操作。

效果圖:

真好看,等我玩會github,就上傳上去原始碼.

update:

code 已經上傳到了我的github上面

傳送門

jquery 前端文字框,限制輸入框文字輸入

在web專案前端開發中,對表單的校驗以及對文字的限制輸入都是必須的。鑑於此,想把文字框限制輸入,都交給統一的指令碼來處理。方法 在需要做文字輸入控制的文字框中加屬性rule屬性,rule屬性值為一正規表示式。然後通過呼叫繫結方法來繫結擁有該屬性的可輸入文字框或文字域,根據rule值限制文字輸入。例如...

NSIS控制項之輸入框

1.定義乙個變數來儲存輸入框的控制代碼,比如 var m ledpath 這裡的名字自己定義2.建立乙個輸入框並把控制代碼儲存到m ledpath 變數裡,比如 建立輸入框控制項,引數分別為 x座標 y座標 寬度 高度 預設顯示文字 62 306380 38 this is display text...

前端 小專案

全部42區 段子愛了 你問我答 註冊登入 最熱最新 人類發布 即時順序 24小時 3天發布 人們都說 桂林山水甲天下。我們乘著木船蕩漾在漓江上,來觀賞桂林的山水。人們都說 桂林山水甲天下。我們乘著木船蕩漾在漓江上,來觀賞桂林的山水。人們都說 桂林山水甲天下。我們乘著木船蕩漾在漓江上,來觀賞桂林的山水...