Cách lấy hình ảnh làm đầu vào từ người dùng trong HTML

Tiết lộ. Hỗ trợ của bạn giúp giữ cho trang web hoạt động. Chúng tôi kiếm được phí giới thiệu cho một số dịch vụ chúng tôi đề xuất trên trang này. Tìm hiểu thêm

Giá trị của Cách xác định loại đầu vào trong HTML (Tất cả các giá trị và thuộc tính) Input Type: Here's What It Does In HTML (Plus Code Example) làm gì?Xác định một hình ảnh được nhấp để gửi biểu mẫu

nội dung

Mã ví dụ

<form action="myform.cgi">
<input type="file" name="fileupload" value="fileupload" id="fileupload">
<label for="fileupload"> Select a file to upload</label>
<br><input type="image" src="/wp-content/uploads/sendform.png" alt="Submit" width="100">
</form>

Chọn tệp để tải lên

Giá trị image cho phép chúng tôi chỉ định một hình ảnh được sử dụng để gửi biểu mẫu, thay cho nút Gửi. Ngay cả khi hình ảnh này đang được sử dụng làm nút, bạn vẫn phải chỉ định mô tả alt cho hình ảnh

Claire Broadley

Claire là nhà văn, biên tập viên kỹ thuật dày dạn kinh nghiệm và người đam mê HTML. Cô ấy viết cho HTML. com và điều hành một công ty nội dung, Red Robot Media

HTML

Cải thiện bài viết

Lưu bài viết

Thích bài viết

  • Cập nhật lần cuối. 02 tháng 6 năm 2022

  • Đọc
  • Bàn luận
  • khóa học
  • Luyện tập
  • Băng hình
  • Cải thiện bài viết

    Lưu bài viết

    The HTML type attribute is used to specify the type of element to display. The default type of type attribute is text. In this article, we set the image as an input type value. It creates the image as the submit button.

    cú pháp

    <input type="image">

    Giá trị thuộc tính

    • hình ảnh. Nó được sử dụng để xác định một hình ảnh là nút gửi

    Đặc trưng.  

    • Phần tử đầu vào không chấp nhận thuộc tính giá trị
    • Đường dẫn hình ảnh được xác định trong thuộc tính src
    • Phần tử đầu vào được hỗ trợ bởi các thuộc tính phổ biến khác nhau

    ví dụ 1. Trong ví dụ này, chúng tôi sẽ đặt loại đầu vào là một hình ảnh để gửi biểu mẫu.  

    HTML




    <!DOCTYPE html>

    <html>

     

    <body style="text-align: center">

    <!DOCTYPE html>1_______6__________<!DOCTYPE html>3 style=<!DOCTYPE html>6>

    <!DOCTYPE html>8_______5_______9

    <!DOCTYPE html>1_______6_______1_______5_______3>

     

    <!DOCTYPE html>1_______6__________<6<7<8 <9=7_______1html2<6>

     

    <!DOCTYPE html>1_______6__________html7>

    <!DOCTYPE html>8_______8_______0

    <!DOCTYPE html>8_______6_______<8 <9=>6 >7

    >8=<0 <1<2 <3

     

    <!DOCTYPE html>8_______6_______5

    <!DOCTYPE html>8_______6_______<8 <9=>6 >7

    >8=body5 <1<2 <3

     

    <!DOCTYPE html>8_______11_______0

    <!DOCTYPE html>8_______6_______<8 <9=style6 >7

    >8==0 <3

     

    <!DOCTYPE html>8_______6__________<2 <1<2 <3

    <!DOCTYPE html>8_______6_______<8 <9_______12__________html1 "text-align: center"4=

    "text-align: center"6

    >8"text-align: center"8=___<43 <!DOCTYPE html>02=5_______04 <!DOCTYPE html>05=___<!DOCTYPE html>07 <3

    Làm cách nào để lấy đầu vào từ người dùng trong HTML?

    Thẻ .

    Chúng tôi có thể thêm hình ảnh vào thẻ đầu vào không?

    Thẻ . Thuộc tính này chấp nhận đường dẫn hoặc URL của hình ảnh.