用光標填充表單中的第一個字段

我正在設計一系列表單。有沒有一種方法可以標記一個字段被瀏覽器光標填充（就像這個頁面加載的光標已經在上面的標題字段中一樣）。用光標填充表單中的第一個字段

感謝賈爾斯

2010-11-27 giles

使用focus()功能像這樣在Javascript中。把這段代碼在你的HTML代碼結束，就在</body>標記之前：

<script language="javascript" type="text/javascript"> 

document.getElementById("textboxid").focus(); 

</script>

與正在使用您的形式<input>文本框的ID替換textboxid。

來源

2010-11-27 15:55:46 shamittomar

請確保此代碼在文本框之後而不是之前以及您的textboad「id」是唯一的課程。 – RedFilter 2010-11-27 15:58:23

這個問題是你用JavaScript函數混亂你的頁面（這不會是你想用javascript做的唯一的事情），然後你必須重寫每個頁面上你想自動對焦文本字段的功能。更好的辦法是將功能放在一個單獨的文件中，如下所述 – andrew 2010-11-27 16:27:01

感謝您的意見。我很感激 – giles 2010-11-29 19:55:28

在HTML5網頁，爲瀏覽器支持HTML5，你可以這樣做：

<input name="lorem" autofocus>

香草的Javascript：

<input id="lorem" name="lorem"> 
... 
<script language="javascript" type="text/javascript"> 
    document.getElementById("lorem").focus(); 
</script> 
</body> 
</html>

的jQuery：

jQuery(document).ready(function($){ 
    $('#email').focus(); 
});

來源

2010-11-27 16:01:10 lbz

您可以使用JavaScript來設置您所需的輸入焦點：

使用JavaScript：

<script language="javascript" type="text/javascript"> 
    document.getElementById("xtpo_1").focus(); 
</script>

使用JavaScript庫如jQuery：

<script language="javascript" type="text/javascript"> 
    $(document).ready(function() { 
     $("#xtpo_1").focus(); 
    }); 
</script>

來源

2010-11-27 16:04:56 Zuul

您也可以在jQuery的風格和粘貼JS代碼的任何地方做：

HTML ：

<input type="text" id="name"><br /> 
<input type="text" id="email">

的Javascript：

jQuery(document).ready(function($){ 
    $('#email').focus(); 
});

上網看看：http://www.jsfiddle.net/4d5JG/

來源

2010-11-27 16:07:38

更妙的是，寫一個函數

function autoFocus(x){ 

document.getElementById(x).focus(); 

}

，並把它放在一個單獨的JavaScript文件basic_functions.js什麼的。

，在標題在頁面頂部文件中像這樣

<script type="text/javascript" src="basic_functions.js"></script>

在你的身體標記加載，調用函數的onload。

<body onload="focus('first_name')" >

然後創建你輸入：

<input type='text' value='' name='first_name' id='first_name' />

這樣，你把你的頁面的JavaScript函數，你可以重用在其他頁面的功能。然後你可以把這樣的其他基本功能放在該文件中，並將其包含在所需的所有頁面中

來源

2010-11-27 16:23:27 andrew

用光標填充表單中的第一個字段

回答

相關問題