天天看點

<input>标簽的placeholder屬性用法簡單介紹

本章節介紹一下html5新增的一個屬性placeholder,當然它現在很多低版本的IE浏覽器并不支援,當然這并不妨礙,因為技術一直都是在進步的,先看一段代碼執行個體:

<code>&lt;!DOCTYPE html&gt;  </code>

<code>&lt;</code><code>html</code><code>&gt;  </code>

<code>&lt;</code><code>head</code><code>&gt;  </code>

<code>&lt;</code><code>meta</code> <code>charset</code><code>=</code><code>" utf-8"</code><code>&gt;  </code>

<code>&lt;</code><code>title</code><code>&gt;螞蟻部落&lt;/</code><code>title</code><code>&gt;</code>

<code>&lt;/</code><code>head</code><code>&gt;</code>

<code>&lt;</code><code>body</code><code>&gt;</code>

<code>&lt;</code><code>input</code> <code>type</code><code>=</code><code>"text"</code> <code>placeholder</code><code>=</code><code>"請輸入使用者名"</code><code>/&gt;</code>

<code>&lt;/</code><code>body</code><code>&gt;</code>

<code>&lt;/</code><code>html</code><code>&gt;</code>

原文釋出時間為:2017-2-11

本文作者:admin

本文來自雲栖社群合作夥伴“螞蟻部落”,了解相關資訊可以關注螞蟻部落

繼續閱讀