close

contenteditable 屬性初次現身於IE5.5,之後其它瀏覽器均將它納入支援項目。

原先目的是要支援瀏覽器編輯,使只允許使用者編輯內容,卻沒有保存編輯結果的功能,也不能產生所見即所得編輯器常見的編輯控制選項。

 

 

原始碼:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>測試</title>
</head>
<body>
    以下文字可自行編輯
    <div contenteditable style="height: 300px; border: 1px solid #ccc;color: #ccc;">此為可編輯內容</div>
</body>
</html>

 

 

輸出畫面:

Image-1.gif

 

arrow
arrow
    全站熱搜

    ksyia 發表在 痞客邦 留言(0) 人氣()