2010-08-31 55 views
17

Tôi cần phải cung cấp một giá trị mặc định cho input type = text field như sau:HTML - Làm thế nào để xác định một giá trị mặc định cho INPUT TYPE = TEXT mà không sử dụng thuộc tính 'giá trị'

<input type="text" size="32" value="" name="fee" /> 

Có một cách để cung cấp giá trị mặc định này như tôi biết:

<input type="text" size="32" value="1000" name="fee" /> 

Đây là câu hỏi: Tôi có thể đặt giá trị mặc định mà không sử dụng thuộc tính 'giá trị' không?

Như tôi đã biết, nếu tôi đặt giá trị 1000 theo cách thủ công, sau đó xem nguồn thông qua trình duyệt web, giá trị vẫn trống. Vì vậy, tôi nghĩ rằng có thể có một phương pháp mà tôi có thể sử dụng.

Cảm ơn bạn

+6

Có gì sai với 'giá trị'? – SLaks

Trả lời

3

Bạn có thể sử dụng Javascript.

Ví dụ, sử dụng jQuery:

$(':text').val('1000'); 

Tuy nhiên, điều này sẽ không có bất kỳ khác nhau từ việc sử dụng các thuộc tính value.

+2

Điều đó sẽ không thực sự đặt mặc định giá trị. Thuộc tính DOM, * defaultValue *, sẽ cần thiết cho điều đó. –

+0

Thực ra, điều này khác với việc sử dụng thuộc tính 'value'. View Source sẽ không có 'value =" 1000 "' trong đó. Xem nguồn hiển thị vẫn sẽ, nhưng nguồn thông thường sẽ không. –

+0

Vâng, đây là một cách khác. Tuy nhiên nó vẫn không khắc phục được vấn đề ban đầu của tôi. http://stackoverflow.com/questions/3606118/jquery-why-the-validation-rule-doesnt-support-predefined-value – q0987

0

Dưới đây là câu hỏi: Có thể là tôi có thể thiết lập giá trị mặc định mà không sử dụng thuộc tính 'giá trị'?

Nope: value là cách duy nhất để đặt thuộc tính mặc định.

Tại sao bạn không muốn sử dụng?

+1

Xin chào Pekka, Vui lòng xem câu hỏi liên quan: http://stackoverflow.com/questions/3606118/jquery-why-the-validation-rule-doesnt-support-predefined-value – q0987

1

Giá trị ở đó. Nguồn không được cập nhật dưới dạng các giá trị trên biểu mẫu thay đổi. Nguồn là từ khi trang được tải ban đầu.

3

Bạn có thể thiết lập thuộc tính giá trị sử dụng kịch bản khách hàng sau khi nguyên tố này được tạo ra:

<input type="text" id="fee" /> 

<script type="text/javascript> 
document.getElementById('fee').value = '1000'; 
</script> 
13

Bạn khá nên sử dụng giữ chỗ thuộc tính để cung cấp cho các giá trị mặc định cho trường nhập văn bản.

ví dụ:

<input type="text" size="32" placeholder="1000" name="fee" /> 
+0

như bài đăng này, phần tử giả trình giữ chỗ chỉ được hỗ trợ một phần: http://caniuse.com/#search=placeholder –

+4

@JoeMaffei caniuse.com đề cập đến hỗ trợ CSS. Thuộc tính placeholder được hỗ trợ bởi tất cả các trình duyệt, nó chỉ là một rắc rối để thay đổi kiểu dáng mặc định của nó. – Frits

+0

Điều này không trả lời được câu hỏi. OP muốn đặt giá trị * mặc định *. Trình giữ chỗ không đặt giá trị. – aandis

1

A-jQuery không cách sẽ được thiết lập các giá trị sau khi tài liệu được nạp:

<input type="text" id="foo" /> 

<script> 
    document.addEventListener('DOMContentLoaded', function(event) { 
     document.getElementById('foo').value = 'bar'; 
    }); 
</script> 
Các vấn đề liên quan