设置表单快捷键为ctrl+enter和alt+s

最新推荐文章于 2022-11-08 10:35:45 发布

taosst

最新推荐文章于 2022-11-08 10:35:45 发布

阅读量2.1k

点赞数 1

分类专栏： JavaScript编程文章标签：服务器 xhtml 浏览器 action function html

本文链接：https://blog.csdn.net/taosst/article/details/2474587

版权

JavaScript编程专栏收录该内容

14 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>设置表单快捷键为ctrl+enter alt+s</title>
<script type="text/javascript">
document.onkeydown =function (){
if(event.ctrlKey&&window.event.keyCode==13) {
document.form1.submit();
}
}
</script>
</head>

<body>
<form action="http://www.baidu.com" method="POST" name="form1">
<textarea cols="95" name="Content" rows="12" wrap="virtual">
Ctrl+Enter提交内容信息
</textarea>
<input type="Submit" value="Submit" accesskey="S" name="Submit">
</form>
<pre>
wrap 属性
通常情况下，当用户在输入文本区域中键入文本后，浏览器会将它们按照键入时的状态发送给服务器。
只有用户按下 Enter 键的地方生成换行。

如果您希望启动自动换行功能（word wrapping），请将 wrap 属性设置为 virtual 或 physical。
当用户键入的一行文本长于文本区的宽度时，浏览器会自动将多余的文字挪到下一行，在文字中最近的那一点换行。

wrap="virtual" 将实现文本区内的自动换行，以改善对用户的显示，但在传输给服务器时，
文本只在用户按下 Enter 键的地方进行换行，其他地方没有换行的效果。

wrap="physical" 将实现文本区内的自动换行，并以这种形式传送给服务器，就像用户真的那样键入的。
因为文本要以用户在文本区内看到的效果传输给服务器，因为使用自动换行是非常有用的方法。

如果把 wrap 设置为 off，将得到默认的动作。
例子
以下面这个例子为例,将 60 个字符的文本输入到一个 40 个字符宽的文本区域内：

word wrapping is a feature that makes life easier for users.如果设置为 wrap="wrap"，
文本区会包含一行文本，用户必须将光标移动到右边才能看到全部文本，这时将把一行文本传送给服务器。

如果设置为 wrap="virtual"，文本区会包含两行文本，并在单词 "makes" 后面换行。
但是只有一行文本被传送到服务器：没有嵌入新行字符。

如果设置为 wrap="physical"，文本区会包含两行文本，并在单词 "makes" 后面换行，
这时发送给服务器两行文本，单词 "makes" 后的新行字符将分隔这两行文本。
=============================================================
textarea的wrap属性定义输入内容大于文本域时显示的方式，可选值如下：
默认值是文本自动换行；当输入内容超过文本域的右边界时会自动转到下一行，而数据在被提交处理时自动换行的地方不会有换行符出现；
Off，用来避免文本换行，当输入的内容超过文本域右边界时，文本将向左滚动，必须用Return才能将插入点移到下一行；
Virtual，允许文本自动换行。当输入内容超过文本域的右边界时会自动转到下一行，而数据在被提交处理时自动换行的地方不会有换行符出现；
Physical，让文本换行，当数据被提交处理时换行符也将被一起提交处理;
hard：自动硬回车换行，换行标记一同被传送到服务器中去；
soft：自动软回车换行，换行标记不会传送到服务器中去。
</pre>
</body>
</html>