Chia sẻ bài học về tạo form trên html cơ bản

Thảo luận trong 'Tư vấn - Du học - Tuyển sinh' bắt đầu bởi t11nguyen, 5 Tháng bảy 2017.

  1. t11nguyen

    t11nguyen Member Thành viên

    Bài viết:
    141
    Đã được thích:
    0
    Diendanraovataz.net - Diễn đàn rao vặt - Đăng tin mua bán - Quảng cáo miễn phí - Hiệu quả - Chắc hẳn chúng ta rất thân thuộc sở hữu "khung nhập liệu" điền thông tin để đăng kí thành viên hay đăng kí trương mục, đăng nhập trên website. thực chất Đó là thẻ form và tụ hội những thẻ input trong html mà tôi đã hướng dẫn ở phần trước. Trong bài viết này tôi sẽ cùng Cả nhà Phân tích cấu trúc của thẻ form cũng như cách thức tiêu dùng của nó như thế nào.

    Giới thiệu
    Chắc hẳn chúng ta rất thân thuộc sở hữu "khung nhập liệu" điền thông tin để đăng kí thành viên hay đăng kí trương mục, đăng nhập trên website. thực chất, Đó là thẻ form và tụ hội những thẻ input trong html mà tôi đã hướng dẫn ở phần trước. Trong bài viết này tôi sẽ cùng Cả nhà Phân tích cấu trúc của thẻ form cũng như cách thức tiêu dùng của nó như thế nào?

    Tiền đề bài viết


    Đối tượng hướng đến
    Bài viết hướng tới những lập trình viên mới tiếp cận sở hữu lập trình web và đã xem qua những bài viết về Lập trình HTM cơ bản.

    Tổng quan về form

    trong html là một thẻ đựng những thành phần nhập liệu (thẻ input) nhằm lấy thông tin từ người mua được website tiếp nhận và xử lý ở phía server.


    Hình ảnh dưới đây là form đăng kí thành viên của



    thường ngày chúng ta tiêu dùng thẻ cho những form đăng kí trương mục, thành viên hay đăng nhập trên website.

    Cấu trúc của thẻ form

    form trong html sở hữu cấu trúc như sau:

    1. ...
    2. những thành phần của form
    3. ...


    những tính chất của form:


    • name : Tên của form.
    • action : Chỉ định action sẽ nhận dữ liệu tính từ lúc form sở hữu sự kiện click button submit. thường ngày là một trang web (web page) nằm ở phía server.
    • method : Xác định phương thức truyền dữ liệu (POST, GET).
    Nguyên tắc hoạt động của form
    Form được ngoài mặt ra nhằm mục đích chính là dữ liệu từ người mua nhập vào form phải được submit lên một web page trên server chỉ định bởi tính chất action của form. Vậy để làm được mục đích này thì form cần sở hữu những đề xuất như sau:

    • Dữ liệu cần truyền phải nằm trong cặp thẻ

      .
    • Dữ liệu cần truyền phải nhập vào những form field (các thẻ input).
    • Dữ liệu chỉ được truyền đi lúc nhấn button submit.
    ví dụ form đăng nhập đơn giản:




    1. Email

    2. Password


    Kết quả chạy trên trình thông qua.


    Phân tích về bài học lập trình android miễn phí

    Sau lúc nhấn submit (Đăng nhập) thì những dữ liệu được nhập trong những thẻ input text, password được gửi lên server sở hữu web page là upload.php, và web page này sẽ nhận dữ liệu và xử lý theo đề xuất.

    Lưu ý: mọi input nhập dữ liệu Cả nhà phải đặt tên cho nó thông qua tính chất name, để web page trên server sở hữu thể lấy được dữ liệu.

    cách thức truyền dữ liệu của form

    ví dụ trên Cả nhà sở hữu thấy lạ lẩm lúc thấy method="get" hay không? Và nó là loại gì?. Tôi sẽ giảng giải ngay sau đây.

    tính chất method của form quy định cách thức mà form sẽ gửi dữ liệu như thế nào. thường ngày sở hữu hai trị giá là post và get.

    get
    những dữ liệu được truyền đi được hiển thị lên URL của trình thông qua và dữ liệu truyền đi phụ thuộc vào độ dài đối đa của URL.





    Cả nhà thấy mặc dù tôi nhập mật khẩu, nhưng lúc tôi nhấn sumbit thì trên trình thông qua vẩn hiển thị thông tin về mật khẩu, thành ra ko sở hữu tính bảo mật. giải pháp khắc phục ở đây là tiêu dùng post thay vì tiêu dùng get.

    post
    Cũng giống như get là truyền dữ liệu từ form, nhưng sở hữu post những dữ liệu của form được truyền ngầm và dữ liệu truyền đi ko phụ thuộc vào URL.

    tương tự ví dụ trên nhưng ở đây tôi tiêu dùng method post và nhấn submit Cả nhà sẽ thấy là dữ liệu được truyền đi ko được hiển thị trên trình thông qua nên sở hữu tính bảo mật hơn.




    ngoài ra để sở hữu thể hiểu rõ post và get hơn Cả nhà sở hữu thể xem bài viết Phương Thức Truyền Và Nhận Dữ Liệu POST, GET Trong PHP.
     
    Cùng đọc NỘI QUY DIỄN ĐÀN và ý thức thực hiện cùng BQT xây dựng cộng đồng thêm vững mạnh bạn nhé
    ***** Xin đừng Spam vì một diễn đàn trong sạch *****
Địa chỉ thu mua do cu ho chi minh uy tín, Official Premium Account Reseller Premiumkeystore.com Easily, Instant delivery & Trusted.

Chia sẻ trang này