autofocus

警告：此文章已經過時，可能無法反應目前的技術狀態。 自動焦點 當頁面加載時，<input autofocus="autofocus" />會將焦點放在指定的HTML元素上。 下載文件 <a href="file.pdf" download="pdf-file">下載</a>將下載指定的文件，並提供文件名。 隱藏元素 儘管將表現放在HTML中並不理想，但<div hidden="hidden"></div>有時會派上用場。 關閉（或打開）拼寫檢查 操作系統設定了拼寫檢查功能，它有時可能會妨礙使用者輸入 - <input type="text" spellcheck="true|false">有助於解決此問題。 自動建議文字輸入控件 <input list="mylist" name="mylist" > <datalist id="mylist"> <option value="CSS"> <option value="HTML"> <option value="PHP"> <option value="Jquery"> <option value="Wordpress"> </datalist>

如何在 React 中在元素新增至 DOM 時設定焦點？ 我有一個包含簡單表單的模態對話框，其中只有一個 input 欄位，我希望當模態對話框由 React 添加到 DOM 時，該元素能夠自動獲得焦點。 我開始思考許多不同的方式來實現這樣的效果，或許使用 useEffect() 來在組件添加到 DOM 時觸發事件，或者使用 ref 屬性來創建對 DOM 元素的引用並調用其 focus() 方法。不過後來我意識到我想得太複雜了，只需要在元素上使用 HTML 的 autofocus 屬性就可以解決這個問題。 果然如此。請記住，在 JSX 中它是 autoFocus，F 是大寫的： <input autoFocus ...// 其他輸入欄位的屬性