http://www.javascriptbank.com/rss/form/textarea/ JavaScript mới nhất: Vùng nhập liệu vi Copyright (C) JavaScriptBank.com 60 [email protected] RSS <img src="http://www.javascriptbank.com/javascript.images/form/auto-thousand-grouped-number-input-fields.jpg" width="100" height="100" align="left" style="margin: 5px;" />Thêm một đoạn mã JavaScript khác nữa để tạo hiệu ứng dãy số sẽ nhóm phần nghìn tự động sau khi người dùng nhập liệu. Mã nguồn được xây dựng khá công phu nhưng rất đơn giản để sử dụng. http://www.javascriptbank.com/auto-thousand-grouped-number-input-fields.html 1301894577 <img src="http://www.javascriptbank.com/javascript.images/form/javascript-oop-with-input-display-toggle.jpg" width="100" height="100" align="left" style="margin: 5px;" />Công dụng của đoạn mã JavaScript này đơn giản chỉ là thay đổi hiển thị (ẩn/hiện) các vùng nhập liệu mỗi khi người dùng nhấn chọn các dấu kiểm tương ứng. Nhưng hiệu ứng JavaScript này được lập trình theo hướng đối tượng (OOP), một ví dụ JavaScript mẫu khá hữu ích để làm quen với JavaScript OOP. http://www.javascriptbank.com/javascript-oop-with-input-display-toggle.html 1296194039 <img src="http://www.javascriptbank.com/javascript.images/form/javascript-add-more-unlimited-input-fields.jpg" width="100" height="100" align="left" style="margin: 5px;" />Loại hiệu ứng JavaScript này bạn có thể thấy trên hầu hết các website đăng tải (upload) như Youtube, Flickr, ImageShack, Picasa, ... Đó là cho phép người dùng chọn để đăng tải thêm nhiều tập tin nữa. Điều đặc biệt của hiệu ứng JavaScript này là nó được làm với các kĩ thuật DOM - một hiệu ứng đơn giản nhưng khá hữu ích để tránh chiếm nhiều không gian dư thừa trên trang web. http://www.javascriptbank.com/javascript-add-more-unlimited-input-fields.html 1295853063 <img src="http://www.javascriptbank.com/javascript.images/form/javascript-current-date-auto-filling.jpg" width="100" height="100" align="left" style="margin: 5px;" />Tải một trang web có cài đặt đoạn mã JavaScript này thì một khung nhập liệu định sẵn sẽ hiển thị ngày tháng hiện hành - đây là ý tưởng của tác giả. Một ý tưởng khá hữu ích trong vài trường hợp như bạn muốn người dùng phải nhập vào ngày tháng hiện tại như hóa đơn, lịch gặp mặt, lịch hẹn ... http://www.javascriptbank.com/javascript-current-date-auto-filling.html 1292915587 <img src="http://www.javascriptbank.com/javascript.images/form/alternating-message-text-box.jpg" width="100" height="100" align="left" style="margin: 5px;" />Với mã này, bạn có thể đưa vào một <a href="/javascript/form/textarea/">khung nhập liệu</a> (<a href="/javascript/form/textarea/">khung nhập liệu</a>) các đoạn <a href="/javascript/text/">văn bản</a> và hiển thị lần lượt chúng trên trang web. http://www.javascriptbank.com/alternating-message-text-box.html 1208651743 <img src="http://www.javascriptbank.com/javascript.images/form/name-capitalization.jpg" width="100" height="100" align="left" style="margin: 5px;" />Đoạn mã này sẽ chỉnh sửa chuỗi bạn nhập vào để cho <a href="/javascript/text/">kí tự</a> đầu tiên của mỗi từ sẽ được viết hoa, các <a href="/javascript/text/">kí tự</a> còn lại sẽ được viết thường. Đoạn mã rất đơn giản để cài đặt. http://www.javascriptbank.com/name-capitalization.html 1207960539 <img src="http://www.javascriptbank.com/javascript.images/form/accessible-compact-forms.jpg" width="100" height="100" align="left" style="margin: 5px;" />Với <a href="/javascript/">đoạn mã JavaScript</a> này, bạn sẽ dễ dàng tạo <a href="/javascript/link/tooltip/">chú thích</a> cho các <a href="/javascript/form/textarea/">khung nhập liệu</a> trên trang web của mình; <a href="/javascript/link/tooltip/">chú thích</a> sẽ hiện ngay bên trong khung và sẽ mất đi người khung được focus. Hiệu ứng sẽ hoạt động tốt cho dù <a href="/javascript/browser/">trình duyệt</a> có tắt <a href="/javascript/">JavaScript</a> và CSS. http://www.javascriptbank.com/accessible-compact-forms.html 1195950883 <img src="http://www.javascriptbank.com/javascript.images/form/form-field-progress-bar.jpg" width="100" height="100" align="left" style="margin: 5px;" />Một thanh tiến trình sẽ xuất hiện mỗi khi người dùng nhập liệu vào khung. http://www.javascriptbank.com/form-field-progress-bar.html 1170116398 <img src="http://www.javascriptbank.com/javascript.images/form/textarea-charcase.jpg" width="100" height="100" align="left" style="margin: 5px;" />Đoạn mã này có chức năng chuyển các <a href="/javascript/text/">kí tự</a> bạn nhập vào sang các dạng chữ HOA và thường các các vùng nhập liệu khác. Điểm đặc biệt của hiệu ứng là nó sẽ chuyển ngay khi bạn vừa gõ. http://www.javascriptbank.com/textarea-charcase.html 1170115782 <img src="http://www.javascriptbank.com/javascript.images/form/scrolling-text-in-a-textbox.jpg" width="100" height="100" align="left" style="margin: 5px;" />Đây là một <a href="/javascript/"><a href="/javascript/">đoạn mã JavaScript</a> JavaScript</a> khác để tạo hiệu ứng chữ chạy trong một khung textbox. http://www.javascriptbank.com/scrolling-text-in-a-textbox.html 1170115779