Sử dụng liên kết bình thường để gửi biểu mẫu

Question

Tôi muốn gửi biểu mẫu. Nhưng tôi sẽ không đi theo cách cơ bản của việc sử dụng nút đầu vào có loại gửi nhưng một liên kết a.

Hình ảnh dưới đây cho thấy lý do. Tôi đang sử dụng 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 standart 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 đã cố gắng áp dụng onClick = "document.formName.submit()" vào phần tử nhưng tôi thích phương thức html hơn.

Bất kỳ ý tưởng nào?

Answer 1

Hai cách. Hoặc 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 liên kết và sử dụng onclick="form.submit();".

Answer 2

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

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

Answer 3

Bạn có thể không thực sự làm được điều này nếu không có mẫu kịch bản để theo sự hiểu biế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ừ Here.

Answer 4

sử dụng:

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

hay:

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

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

Answer 5

Chỉ cần tạo kiểu tóc một <input type="submit" class="linkButton" /> như thế này làm việc cho tôi:

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

<input type="submit" class="linkButton" />

Tested trong Chrome, IE 7-9, Firefox

Answer 6

Chắc chắn, không có giải pháp với HTML thuần túy phải gửi biểu mẫu với một liên kết (a) thẻ. HTML 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 cách sử dụ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ử nghiệm trên biểu mẫu và trình duyệt không tìm thấy tham chiếu đến biểu mẫu.

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

<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ử rằng tôi nhập với tên của riêng tôi:

Tôi đã sử dụng get trong thuộc tính phương pháp hình thức bởi vì nó có thể để xem các thông số ngay trong URL ở trang tải sau khi nộp .

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 sự kiện onclick hoặc một số sự kiện tương tự.

this là lựa chọn tuyệt vời để khôi phục ngữ cảnh cùng với event variable (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 được chuyển làm đối số cho hàm.

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

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

Answer 7

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