HTML5中,設置編輯框可以通過使用textarea標簽來實現。
<textarea></textarea>
textarea的屬性rows和cols可以設置編輯框的行數和列數。
<textarea rows="4" cols="50"></textarea>
此外,可以通過設置disabled屬性來禁用編輯框,使用戶無法編輯其內容。
<textarea rows="4" cols="50" disabled></textarea>
還可以設置readonly屬性,使編輯框只讀,用戶可以查看但無法編輯其內容。
<textarea rows="4" cols="50" readonly></textarea>
如果想要限制編輯框中可輸入的字符數量,可以使用maxlength屬性。
<textarea rows="4" cols="50" maxlength="100"></textarea>
最后,可以通過CSS樣式表來美化編輯框的外觀,例如設置字體、背景色、邊框等。
textarea { font-family: Arial, sans-serif; font-size: 16px; background-color: #ffffff; border: 1px solid #cccccc; }
上一篇html5 設置背景視頻
下一篇css圖片后字體居中顯示