2012-05-14 50 views
59

Tôi đang sử dụng trình giữ chỗ cho tất cả các phần tử biểu mẫu của mình và nó hiển thị trong tất cả chúng ngoài văn bản. Chỉ cần nhìn vào nó trong safari bây giờ, và đã nhận ra rằng đầu vào của tôi về loại = "số" cũng không hiển thị trình giữ chỗ.Tại sao trình giữ chỗ của tôi không hiển thị?

Trang này là here và bạn cần nhấp vào liên kết 'đặt ngay bây giờ' ở đầu trang.

html của tôi:

<form id="booking" action="single-workshops.php"> 
    <input type="text" required="required" placeholder="name"/><br /> 
    <input type="text" required="required" placeholder="your phone number"/><br /> 
    <input type="email" required="required" placeholder="email"/><br /> 
    <input type="number" required="required" placeholder="how many in your party" /><br /> 
    <textarea rows="5" cols="30" placeholder="enter optional message"> 
    </textarea><br /> 
    <input type="button" value="submit"/> 
</form> 
+0

có thể trùng lặp của [HTML5 textarea giữ chỗ không xuất hiện] (http://stackoverflow.com/questions/10186913/html5-textarea-placeholder-not-appearing) – RBT

Trả lời

165

Bởi vì bạn có một cái gì đó dưới dạng văn bản trong textarea của bạn với một linebreak trong đó.

<textarea rows="5" cols="30" placeholder="enter optional message"> 
     </textarea><br /> 

nên là:

<textarea rows="5" cols="30" placeholder="enter optional message"></textarea><br /> 
+0

Ahh cảm ơn, tôi đã không nhận ra điều đó! – Nicola

+2

Rất thú vị! Tôi sẽ không bao giờ nghĩ về điều đó, tôi thực sự ngạc nhiên khi nó hoạt động trong các trình duyệt khác xem xét rằng về mặt kỹ thuật là nội dung. Việc thêm ngắt dòng thứ hai sẽ xóa trình giữ chỗ trong Firefox. –

+0

Nó không hoạt động trong các trình duyệt khác. Số một trong chrome, không safari. Chỉ cần tìm một số loại sửa chữa. – Nicola

Các vấn đề liên quan