Khởi đầu cho dây chuyền hướng dẫn các bạn sử dụng javacript. Blog Designer hướng dẫn các bạn viết một ứng dụng đơn giản bằng javacript giúp bạn kiểm soát kí tự nhập vào. Các bạn có thể xem demo và copy đoạn code sau về tham khảo.
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > <head> <meta http-equiv= "Content-Type" content= "text/html; charset=iso-8859-1" /> <title>Character Counter</title> <SCRIPT LANGUAGE= "JavaScript" > function CountLeft(field, count, max) { if (field.value.length > max) field.value = field.value.substring(0, max); else count.value = max - field.value.length; } </script> <style type= "text/css" > .textfield2{ border:none; color:red; background-color: #fff; margin-left:10px; font-size:18px; } .textfield{ padding:10px; border:1px solid #000000; } </style> </head> <body> <form> <input name= "fname" type= "text" id= "fname" onKeyDown= "CountLeft(this.form.fname, this.form.left,60);" onKeyUp= "CountLeft(this.form.fname,this.form.left,60);" size= "70" ><input readonly type= "text" name= "left" size=3 maxlength=3 value= "60" disabled= "disabled" > </form> </body> </html> |
Đoạn code trên các bạn có thể tùy ý chỉnh sửa số ký tự được phép nhập vào hoặc điều chỉnh độ rộng cao của khung nhập.
Hy vọng đoạn code đơn giản này sẽ giúp ích cho các bạn.
Kết nối với tôi: