Học web chuẩn hocwebchuan.com

  • Trang chủ
  • Hướng dẫn học

    • Hướng dẫn học XHTML & HTML5
    • Hướng dẫn học CSS
    • Hướng dẫn học CSS3
    • Hướng dẫn học Responsive
    • Hướng dẫn học ES6
    • Hướng dẫn học React.js
    • Hướng dẫn học jQuery
    • Hướng dẫn học PHP
    • Hướng dẫn học Laravel
    • Hướng dẫn học Webpack
    • Hướng dẫn học SCSS
    • Hướng dẫn học htaccess
  • Bài tập

    • Bài tập XHTML & HTML5 cơ bản
    • Bài tập XHTML & HTML5 nâng cao
    • Bài tập CSS & CSS3 cơ bản
    • Bài tập CSS & CSS3 nâng cao
    • Bài tập jQuery
  • Tham khảo

    • Tham khảo HTML4/XHTML
    • Tham khảo HTML5
    • Tham khảo CSS
    • Tham khảo CSS3
    • Tham khảo jQuery
  • Chuyên đề

    • Chuyên đề HTML/CSS
      • Block list
      • List
      • Navigation
      • Pagenation
      • Paragraph
      • Table
      • Tiêu đề
    • Chuyên đề HTML5/CSS3
      • Border radius
      • Box hover
      • Box shadow
      • Loading
    • Chuyên đề jQuery/JS
      • Form
      • Layout
    • jQuery/JS plugin
      • BiggerLink
      • Fixheight
      • Pie
      • Pop up
      • Tab
      • Tooltips
  • Công cụ hỗ trợ

    • CSS3 Generator
      • Background-gradient
      • Background transparence
      • Boder-radius
      • Box-shadow
      • Flex box
      • Transform
      • Transform 3D
      • Mutiple column
      • Text-shadow
      • Text editor
    • Generator Tools
      • Block float generator
      • Block float percent generator
      • Text dummy paragraph (Lorem Ipsum)
      • Text dummy list (Lorem Ipsum)
      • Image dummy generator
      • QR Code generator
    • Web Tools
      • Đếm ký tự (count characters)
      • Đếm từ (count words)
      • Chuyển đổi ký tự đặc biệt
      • Có dấu thành không dấu
      • Loại bỏ code html
      • Công cụ tính toán (Caculator tools)
      • Chuyển đổi image thành WebP
    • Random Tools
      • Random word
      • Random number
      • Random list
      • Random group
      • Random password
    • Công cụ test responsive
    • Chia sẻ web & tools hay

Search Submit

Chuyên đề

  • Trang chủ
  • Chuyên đề

HỌC WEB CHUẨN

HƯỚNG DẪN HỌC

  • Hướng dẫn học
  • Hướng dẫn học XHTML & HTML5
  • Hướng dẫn học CSS
  • Hướng dẫn học CSS3
  • Hướng dẫn học Responsive
  • Hướng dẫn học ES6
  • Hướng dẫn học React.js
  • Hướng dẫn học jQuery
  • Hướng dẫn học PHP
  • Hướng dẫn học Laravel
  • Hướng dẫn học Wordpress
  • Hướng dẫn học Webpack
  • Hướng dẫn học SCSS

THAM KHẢO

  • Tham khảo
  • Tham khảo HTML4/XHTML
  • Tham khảo HTML5
  • Tham khảo CSS
  • Tham khảo CSS3
  • Tham khảo jQuery

CHUYÊN ĐỀ

Chuyên đề

  • Chuyên đề HTML/CSS (43)
    • Block list (6)
    • List (5)
    • Navigation (5)
    • Pagenation (6)
    • Paragraph (8)
    • Table (7)
    • Tiêu đề (6)
  • Chuyên đề HTML5/CSS3 (20)
    • Border radius (7)
    • Box hover (5)
    • Box shadow (4)
    • Loading (4)
  • Chuyên đề jQuery / JS (15)
    • Form (6)
    • Layout (9)
  • jQuery/JS plugin (16)
    • BiggerLink (3)
    • Fixheight (2)
    • Pie (4)
    • Pop up (3)
    • Tab (2)
    • Tooltips (2)

Nội dung mới nhất

  • Áp dụng thực tế hiệu ứng loading
  • Box hover 2 image
  • Box hover fade
  • box hover slide element
  • Box hover chuyển động thành phần
  • Box hover scale image
  • Loading syle css3 – circle 02
  • Loading syle css3 – circle
  • Loading style css3 – square
  • Box-shadow sử dụng khi hover

Liên kết nhanh

add align biggerlink Block list Border radius box-shadow box hover css3 fixheight form jQuery layout list loading Navigation pa Pagenation paragraph Pie popup tab Table tiêu đề tooltips

GÓP Ý - LIÊN HỆ

  • CÔNG CỤ TẠO CSS3
    CSS3 GENERATOR
  • BỘ CÔNG CỤ
    GENERATOR TOOLS
  • CÔNG CỤ HỖ TRỢ
    WEB TOOLS
  • CÔNG CỤ TẠO RANDOM
    RANDOM GENERATOR
  • CÔNG CỤ KIỂM TRA RESPONSIVE TEST
  • CHIA SẺ HAY
    WEB & TOOLS
  • Follow us on hocwebchuan.com
  • Short URL
  • Rabbie theme

Category: Form

Radio style

Radio style

Chuyên đề jQuery / JS, FormTags form | 1 Comment on Radio style

Đoạn code sau đây sẽ giúp chúng ta sử dụng các thành phần khác đối xử như một radio style.

Chi tiết

Checkbox style

Checkbox style

FormTags form | Gửi bình luận

Một lúc nào đó bạn cần những button đối ứng như một checkbox, thì đoạn code sau đây sẽ giúp bạn.

Chi tiết

Textarea placeholder bằng jQuery

Textarea placeholder bằng jQuery

FormTags form | Gửi bình luận

Cũng tương tự như input, chúng ta cũng có thể sử dụng cho textarea.

Chi tiết

Input placeholder bằng jQuery

Input placeholder bằng jQuery

FormTags form | Gửi bình luận

Placeholder hiện nay được sử dụng khá dễ dàng với html5, tuy nhiên đối với html hay xhtml thì việc dùng js hay jquery lại khá quan trọng.

Chi tiết

Upload file

Upload file

FormTags form | Gửi bình luận

Đôi khi trong một số trường hợp ta dùng liên kết để upload file thay vì dùng mặc định từ input type=”file”

Chi tiết

Lấy ngày tháng năm tự động

Lấy ngày tháng năm tự động

Chuyên đề jQuery / JS, FormTags jQuery | Gửi bình luận

Việc lấy ngày tháng không phải là việc kho nếu bạn nắng vững một số hàm cơ bản trong javascript.

Chi tiết

  • Hướng dẫn học

    • Hướng dẫn học
    • Hướng dẫn HTML/XHTML
    • Hướng dẫn CSS
    • Hướng dẫn CSS3
    • Hướng dẫn học Responsive
    • Hướng dẫn PHP
    • Hướng dẫn Laravel
  • Tham khảo

    • Tham khảo HTML/XHTML
    • Tham khảo HTML5
    • Tham khảo CSS
    • Tham khảo CSS3
    • Tham khảo jQuery
  • Tham khảo Thêm

    • Lang codes
    • Font family
    • Mã ký tự
    • MIME
    • Thuộc tính tổng quát
  • Chuyên đề

    • Chuyên đề
    • Chuyên đề HTML/CSS
    • Chuyên đề HTML5/CSS3
    • Chuyên đề jQuery/JS
    • jQuery/JS plugin
  • Góp ý - Liên hệ

    Bản quyền - copyright

    Sitemap

  • W3C XHTML1.0
  • W3C CSS

©2012 Học Web Chuẩn All Rights Reserved.

  • Trang chủ
  • Giới thiệu
  • Góp ý - Liên hệ
  • Site map