Sử dụng một liên kết bình thường để gửi một hình thức

Tôi muốn gửi một hình thức. Nhưng tôi không sử dụng nút đầu vào cơ bản với kiểu gửi mà là liên kết.

Hình ảnh dưới đây cho thấy tại sao. Tôi đang sử dụng các liên kết hình ảnh để lưu / gửi biểu mẫu. Bởi vì tôi có đánh dấu css nổi bật cho các liên kết hình ảnh, tôi không muốn sử dụng các nút gửi đầu vào.

Tôi đã thử áp dụng onClick = "document.formName.submit ()" cho một phần tử nhưng tôi thích phương thức html hơn.

Có ý kiến ​​gì không?

Hai lối. Tạo một nút và tạo kiểu cho nó giống như một liên kết với css hoặc tạo một liên kết và sử dụng onclick="this.closest('form').submit();return false;".

Bạn thực sự không thể làm điều này mà không có một số hình thức kịch bản theo sự hiểu biết tốt nhất của tôi.

<form id="my_form">
<!-- Your Form -->    
<a href="javascript:{}" onclick="document.getElementById('my_form').submit(); return false;">submit</a>
</form>

Ví dụ từ đây .

Chỉ cần tạo kiểu input type="submit"như thế này đã làm việc cho tôi:

.link-button { 
     background: none;
     border: none;
     color: #0066ff;
     text-decoration: underline;
     cursor: pointer; 
}

<input type="submit" class="link-button" />

Đã thử nghiệm trong Chrome, IE 7-9, Firefox

Bạn đang sử dụng hình ảnh để gửi .. vì vậy bạn chỉ cần sử dụng type="image""nút" đầu vào:

<input type="image" src="yourimage.png" name="yourinputname" value="yourinputvalue" />

sử dụng:

<input type="image" src=".."/>

hoặc là:

<button type="send"><img src=".."/> + any html code</button>

cộng với một số CSS

Chắc chắn, không có giải pháp nào với HTML thuần túy để gửi biểu mẫu bằng thẻ link ( a). HTML tiêu chuẩn chỉ chấp nhận các nút hoặc hình ảnh. Như một số cộng tác viên khác đã nói, người ta có thể mô phỏng sự xuất hiện của một liên kết bằng một nút, nhưng tôi đoán đó không phải là mục đích của câu hỏi.

IMHO, tôi tin rằng giải pháp được đề xuất và chấp nhận không hoạt động.

Tôi đã thử nó trên một biểu mẫu và trình duyệt không tìm thấy tài liệu tham khảo cho biểu mẫu.

Vì vậy, có thể giải quyết nó bằng một dòng JavaScript duy nhất, sử dụng thisđối tượng, tham chiếu đến phần tử được nhấp, là nút con của biểu mẫu, cần phải được gửi. Vậy this.parentNodelà nút hình thức. Sau đó chỉ là submit()phương thức gọi theo hình thức đó. Không có nghiên cứu cần thiết từ toàn bộ tài liệu để tìm đúng mẫu.

<form action="http://www.greatsolutions.com.br/indexint.htm"                   
   method="get">
    <h3> Enter your name</h3>
    First Name <input type="text"  name="fname"  size="30"><br>
    Last Name <input type="text" name="lname" size="30"><br>
    <a href="#" onclick="this.parentNode.submit();"> Submit here</a>
</form>

Giả sử tôi nhập với tên của chính mình:

Tôi đã sử dụng getthuộc tính phương thức biểu mẫu vì có thể thấy các tham số phù hợp trong URL tại trang được tải sau khi gửi.

http://www.greatsolutions.com.br/indexint.htm?fname=Paulo&lname=Buchsbaum

Giải pháp này rõ ràng áp dụng cho bất kỳ thẻ nào chấp nhận onclicksự kiện hoặc một số sự kiện tương tự.

thislà một lựa chọn tuyệt vời để khôi phục bối cảnh cùng với eventbiến (có sẵn trong tất cả các trình duyệt chính và IE9 trở đi) có thể được sử dụng trực tiếp hoặc chuyển qua làm đối số cho hàm.

Trong trường hợp này, thay thế dòng bằng athẻ bằng dòng bên dưới, sử dụng thuộc tính target, cho biết phần tử đã bắt đầu sự kiện.

<a href="#" onclick="event.target.parentNode.submit();"> Submit here</a>

bạn có thể sử dụng OnClick = "document.getEuityById ('formID_NOT_NAME'). SUBMIT ()"