HTML 5 <input> placeholder ÊôÐÔ

ʵÀý

´øÓÐ placeholder Îı¾µÄËÑË÷×ֶΣº

<form action="demo_form.asp" method="get">
  <input type="search" name="user_search" placeholder="Search W3School" />
  <input type="submit" />
</form>

Ç××ÔÊÔÒ»ÊÔ

¶¨ÒåºÍÓ÷¨

placeholder ÊôÐÔÌṩ¿ÉÃèÊöÊäÈë×Ö¶ÎÔ¤ÆÚÖµµÄÌáʾÐÅÏ¢£¨hint£©¡£

¸ÃÌáʾ»áÔÚÊäÈë×Ö¶ÎΪ¿ÕʱÏÔʾ£¬²¢»áÔÚ×ֶλñµÃ½¹µãʱÏûʧ¡£

×¢ÊÍ£ºplaceholder ÊôÐÔÊÊÓÃÓÚÒÔÏ嵀 <input> ÀàÐÍ£ºtext, search, url, telephone, email ÒÔ¼° password¡£

HTML 4.01 Óë HTML 5 Ö®¼äµÄ²îÒì

placeholder ÊôÐÔÊÇ HTML5 ÖеÄÐÂÊôÐÔ¡£

Óï·¨

<input placeholder="text">

ÊôÐÔÖµ

Öµ ÃèÊö
text ¹æ¶¨ÓÃÓÚÑéÖ¤ÊäÈë×ֶεÄģʽ¡£
VUE