Tạo Form Đăng Ký Bằng Javascript

  -  

Ứng dụng javascript trong size login hướng dẫn khóa nút singin khi chưa nhập user/pass ; Icon eye nhằm ẩn hiện mật khẩu ; Focus userhostingvietnam.vn….

*

1.Tạo size đăng nhập

– tạo nên 1 tag bao quanh, tag form gồm method là post, id hoặc class tùy ý để định dạng css

– trong tag form có 2 input đầu vào để nhập userhostingvietnam.vn, password và 1 button

– mỗi tag input tất cả tag label nhằm giải thích ý nghĩa sâu sắc cho người dùng biết

– mỗi tag input gồm thuộc tính hostingvietnam.vn (dùng cho submit lên server) với id (để format css, lập trình js)

– mỗi tag input tất cả thuộc tính placeholder nhằm giải thích/hướng dẫn nhập

– Tag button cũng đều có thuộc tính hostingvietnam.vn (dùng mang đến submit lên server) cùng id (để định hình css, lập trình sẵn js)

Tên đăng nhập

password

Đăng nhập

2. Định dạng size đăng nhập

– Form: độ rộng, canh giữa, viền, padding

– Label: màu sắc chữ, rộng lớn , display

– những tag input: gán cho những class với định dạng: width, padding, viền




Bạn đang xem: Tạo form đăng ký bằng javascript

– Button: width, height

#frm1 width: 600px; margin: auto; border: 2px solid darkslategrey; padding: 10px #frm1 label color: darkslategray; width: 120px; display: inline-block; #frm1 .txt width: 450px; padding: 8px; border: 1px solid lightcoral; #frm1 button width: 120px; height: 40px;

3.Cho nhỏ trỏ chớp sẵn vào userhostingvietnam.vn

Khi mới nạp trang, cho con trỏ chớp sẵn trong địa điểm tên đăng nhập. Ao ước thế thì thêm ở trong tính autofocus vào

autofocus/>

4.Tắt các gợi nhắc là những giá trị sẽ nhập trước đây

Trong trình duyệt, lúc nhắp vào thương hiệu đăng nhập đang thấy những giá trị đang nhập trước đây.

Xem thêm: Chỉnh Font Chữ Trong Mail Outlook 2010, Hướng Dẫn Sử Dụng Outlook: Cài Đặt Font Chữ


Xem thêm: Giao Thức Ssh Là Gì? Hướng Dẫn Sử Dụng Ssh Key Đơn Giản Nhất


Hy vọng tắt những giá trị đó thì thêm trực thuộc tính autocomplete vào như sau:

autocomplete="off" autofocus/>

3.Khóa nút submit khi chưa nhập tên đăng nhập với mật khẩu

– Khi bắt đầu nạp trang web, các bạn khóa tức thì nút đăng nhập

– hotline hàm daoNutDN() vào sự khiếu nại onkeyup của userhostingvietnam.vn và passs

onkeyup="daoNutDN()" class="txt" id="un" hostingvietnam.vn="un" placeholder="Nhập 6-20 ký tự" autocomplete="off" autofocus />onkeyup="daoNutDN()" class="txt" id="mk" hostingvietnam.vn="mk" placeholder="Mật khẩu"/>– Định nghĩa hàm daoNutDN()

4.Hiện password trong field password

Bây giờ đồng hồ thì áp dụng javascript trong form login để hiện ra icon nhỏ mắt (xem hình ở đầu trang), lúc nhắp vào icon sẽ chỉ ra mật khẩu. Triển khai như sau:

– Nhúng thư viện font awesome

– Chèn icon eye sinh sống sau input password

– Định dạng icon new chèn

#frm1 i.fasposition: relative; left:-30px;cursor: pointer;– điện thoại tư vấn hàm daoTT() vào sự khiếu nại click của icon mới chèn

– Định nghĩa hàm daoTT()

5. Quay khung đăng nhập

Bạn muốn có một form singin độc không ,