文章有
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小時內與您取得聯系。