文字框自動獲取焦點的兩種方式
文字框自動獲取焦點的兩種方式
1、html5的autofocus屬性
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
圖書:<input type="text" name="book"><br/>
價格:<input type="text" name="price" autofocus>
</body>
</html>
2、通過js的focus()方法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
圖書:<input type="text" name="book"><br/>
價格:<input type="text" name="price" id="price" >
<script>
document.getElementById("price").focus();
</script>
</body>
</html>
相關推薦
文字框自動獲取焦點的兩種方式
文字框自動獲取焦點的兩種方式 1、html5的autofocus屬性 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>
html中的css和js控制input,textarea文字框自動獲取焦點
方法:1:js控制自動獲取焦點 <html> <head> <script type="text/javascript"> function setFocus() { do
word文本框的編輯,兩種方式
兩種 gin them rup default name .com pla center 大致效果圖(對其中的功能可以增減): 實現方法1:調用js <link href="../../platform/js/kindeditor/theme
dev中文字框等獲取焦點事件
<ClientSideEvents GotFocus="GotFocus" /> editContract.SetFocus()//設定文字框等的焦點 function GotFocus(s, e) { &nbs
進到頁面後input輸入框自動獲取焦點
只要在該input標籤後新增autofocus="autofocus"即可 程式碼例項: <html> <head></head> <body> 使用者名稱:<input type="te
JavaScript讓登入或搜尋文字框自動獲得焦點
這確實是個值得注意的細節,今天在XX網站登入介面上遇到了,就先記錄下來了,每個網頁都有其專注的功能,有的專注於文章資訊等資訊呈現,有的專注於視訊播放,有的專注於登入,今天要說的就是專注於像登入或搜尋等類似功能的網頁,開啟這一類頁面,你會發現有些做得比較好的頁面,輸入焦點會
HTML點選文字後文本框獲得焦點的兩種方式
HTML標籤獲取 通過label標籤的for和input標籤的id,將它們起個一樣的名字 <div> <label class="first" for="tel"><s
JQuery下focus()無法自動獲取焦點的處理方法 jquery如何使文字框獲得焦點
今天遇見這麼一個小小的問題,就是文字框中需要輸入內容才可以提交,如果沒有輸入就提示並使該文字框獲得焦點!這麼一個簡單的事情如果沒有使用 jQuery的話 是不是物件.focus()就可以了, JavaScript Code複製內容到剪貼簿 //這樣執行,jquery只
java及javascript兩種方式獲取YYYY-MM-dd HH:mm:ss格式的日期字符串
con javascrip var ear second -c form imp minutes 一、java方式 String leaveTime=""; SimpleDateFormat sDateFormat=new SimpleDateFormat("YYYY-M
兩種方式獲取Thrift調用的clientIP地址
thread delet rpc服務 clas artifact 觸發 void new sta thrift依賴 <dependency> <groupId>org.apache.thrift</groupId> &
C#動態獲取本機可用串口的兩種方式
buffer for local span 實現 != oid 獲取 簡單 1. private void GetSerialPort() //獲取串口列表 { Regi
npm獲取配置值的兩種方式
ram lag 令行 flags config foo lock 參數 一個 命令行標記 在命令行上放置--foo bar設置foo配置參數為bar。 一個 -- 參數(argument)告訴cli解析器停止讀取flags.一個 在命令行結尾的--flag參數(param
JavaWeb後臺從input表單獲取文本值的兩種方式
out script body throws ioe spa ava set action JavaWeb後臺從input表單獲取文本值的兩種方式 #### index.html <!DOCTYPE html> <html
C#+VisionPro連接相機獲取圖像的兩種方式
加載 路徑 serialize available video ima display bsp users 兩種比較常用的方式。 C#直接連接相機獲取圖像(GIGE) 在獲取圖像前,需要先創建一個相機對象,再使用這個相機對象的Acquire方法拍攝照片。 ICogAcqF
將HTML頁面自動儲存為PDF檔案並上傳的兩種方式(一)-前端(react)方式
一、業務場景 公司的樣本檢測報告以React頁面的形式生成,已調整為A4大小的樣式並已實現分頁,業務上需要將這個網頁生成PDF檔案,並上傳到伺服器,後續會將這個檔案傳送給客戶(這裡不考慮)。 二、原來的實現形式 瀏覽器原生方法:window.print()可以將網頁儲存為PDF檔案,由於檢測報告
js獲取url引數值的兩種方式 js獲取url引數值的兩種方式
js獲取url引數值的兩種方式 方法一:正則分析法 複製程式碼程式碼如下: function getQueryString(name) { var reg = new RegExp("(^|&)" +
使用web.xml方式載入Spring時,獲取Spring context的兩種方式
使用web.xml方式載入Spring時,獲取Spring context的兩種方式: 1、servlet方式載入時: 【web.xml】 <servlet> &nbs
SAP與金稅連線有兩種方式:元件介面及文字介面。
SAP與金稅連線有兩種方式:元件介面及文字介面。 文字介面為例: 1、SAP取發票資料,主要來自合同,銷售訂單,交貨單,發票,客戶供應商主資料等 2、SAP處理:合併,拆分,折扣等 3、匯出TXT文字 4、金稅開票機讀取文字:通過引數傳遞資料,注意1分錢誤差問題(引數傳遞導致) 5、回寫
Mybatis插入獲取主鍵的兩種方式
方法一: 用於主鍵自增的資料庫(mysql),這種方式oracle無法使用(因為沒有主鍵自增) <!--新增一個新的使用者--> <insert id="insertUser" useGeneratedKeys="true" keyProperty="id">
dljd_026_兩種方式獲取到的session查詢時對事務環境的不同依賴
一、測試兩種獲取到的session在查詢中的表現 1.1通過getCurrentSession獲取到的session查詢物件 1.1.1get方法通過getCurrentSession獲取到的session查詢物件 package edu.aeon.test; import or