整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
文章有
ctrl+s一鍵提交的功能時候，真的是會方便很多，對于我們這些高度使用pc，并且熟悉PC快捷鍵的使用者來說，如何實現html響應ctrl+s快捷鍵，下面我分享一個簡單的代碼給大家。
$(window).keydown( function (event) {
if(event.ctrlKey && window.event.keyCode==83 ){
$("#submit").click()
return false
}
}) ;當使用ctrl+s組合快捷鍵的時候，我們模擬了submit的點擊事件進行提交文章。
提交按鈕用來將輸入的信息提交到服務器。代碼格式如下：
<input type="submit" name="..." value="...">
其中type="submit"定義提交按鈕；name屬性定義提交按鈕的名稱；value屬性定義按鈕的顯示文字。通過提交按鈕，可以將表單的信息提交給表單里action所指向的文件。
（1）編寫代碼如下圖所示，在<body>標簽中加入以下代碼。
（2）在瀏覽器中打開文件，預覽效果圖如下所示，輸入內容按【提交】按鈕，即可將表單中的數據發送到指定的文件。
復位按鈕用來重置表單中輸入的信息。代碼格式如下：
<input type="reset" name="..." value="..." >
其中type="reset"定義復位按鈕；name屬性定義復位按鈕的名稱；value屬性定義按鈕的顯示文字。
（1）編寫代碼如下圖所示，在<body>標簽中加入以下代碼。
（2）在瀏覽器中打開文件，預覽效果圖如下所示，輸入內容后單機【重置】按鈕，即可將表單中的數據清空。
一種方式：表單提交，在form標簽中增加onsubmit事件來判斷表單提交是否成功
<html>
<script type="text/javascript">
function validate(obj) {
if (confirm("提交表單?")) {
alert(obj.value);
return true;
} else {
alert(obj.value);
return false;
}
}
</script>
<body>
<form action="" onsubmit="return validate(document.getElementById('myText'));"> <!—參數的這種寫法注意下-->
<input type="text" id="myText"/>
<input type="submit" value="submit"/>
</form>
</body>
</html>第二種方式：通過button按鈕來觸發表單提交事件onclick="submitForm();", 會忽略掉其他標簽中的屬性, 比如form標簽中的onsubmit屬性就失效了。
這時為了進行表單驗證, 可以將驗證代碼放在submitForm();方法中進行驗證。
<html>
<script type="text/javascript">
function validate() {
if (confirm("提交表單?")) {
return true;
} else {
return false;
}
}
function submitForm() {
if (validate()) {
document.getElementById("myForm").submit();
}
}
</script>
<body>
<form action="" id="myForm">
<input type="text"/>
<input type="button" value="submitBtn" onclick="submitForm();"/> <!—也可以使用document.getElementById("該按鈕的id").click();來執行onclick事件-->
</form>
</body>
</html>第三種方式：將onsubmit事件放在submit標簽中, 而不是form標簽中, 此時表單驗證失效, 點擊提交按鈕表單直接提交
<html>
<script type="text/javascript">
function validate() {
if (confirm("提交表單?")) {
return true;
} else {
return false;
}
}
</script>
<body>
<form action="">
<input type="text"/>
<input type="submit" value="submit" onsubmit="return validate()"/>
</form>
</body>
</html>第四種方式：為submit按鈕添加上onclick事件, 其中該事件用于表單提交的驗證, 功能類似于在form標簽中增加了onsubmit事件一樣
<html>
<script type="text/javascript">
function validate() {
if (confirm("提交表單?")) {
return true;
} else {
return false;
}
}
</script>
<body>
<form action="">
<input type="text"/>
<input type="submit" value="submit" onclick="return validate()"/>
</form>
</body>
</html>第五種方式：
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
