/

HTML5中的一些有用的技巧

HTML5中的一些有用的技巧

警告:此文章已經過時,可能無法反應目前的技術狀態。

自動焦點

當頁面加載時,<input autofocus="autofocus" />會將焦點放在指定的HTML元素上。

下載文件

<a href="file.pdf" download="pdf-file">下載</a>將下載指定的文件,並提供文件名。

隱藏元素

儘管將表現放在HTML中並不理想,但<div hidden="hidden"></div>有時會派上用場。

關閉(或打開)拼寫檢查

操作系統設定了拼寫檢查功能,它有時可能會妨礙使用者輸入 - <input type="text" spellcheck="true|false">有助於解決此問題。

自動建議文字輸入控件

1
2
3
4
5
6
7
8
<input list="mylist" name="mylist" >
<datalist id="mylist">
<option value="CSS">
<option value="HTML">
<option value="PHP">
<option value="Jquery">
<option value="Wordpress">
</datalist>

tags: [“HTML5”, “autofocus”, “file download”, “hide elements”, “spellchecking”, “auto suggestion”, “HTML”, “CSS”, “PHP”, “Jquery”, “Wordpress”]