发表于: 2017-05-28 23:45:24

1 987


今天完成的事情:学习了任务2所需要的知识,基本完成了任务2,好像人数分配没有规律啊,修改了任务一的按钮,如果是一个长方形按钮,border-radius最好不要用百分比做单位。

明天计划的事情:开始任务3。

遇到的问题:字体大小没有调好,进度太慢了。

收获:

1.onKeyUp 事件

onkeyup 事件会在键盘按键被松开时发生。

当您在例子中的输入域中键入字符时,字符会被更改为大写(逐一地):

<html>

<head>

<script type="text/javascript">

function upperCase(x)

{

var y=document.getElementById(x).value

document.getElementById(x).value=y.toUpperCase()

}

</script>

</head>

<body>

输入您的姓名: <input type="text" id="fname" onkeyup="upperCase(this.id)" />

</body>

</html>

2正则表达式限制文本框只能输入中文或者英文或者数字

NTER键可以让光标移到下一个输入框  

只能是中文

 只能是英文和数字.屏蔽了输入法

 只能输入英文和数字

只能是数字

只能显示,不能修改的文本框

只能显示,不能修改

本脚本实现了一下功能: ENTER键可以让光标移到下一个输入框 只能是中文 只能是英文和数字.屏蔽了输入法 只能输入英文和数字 只能是数字 只能显示,不能修改的文本框


ENTER键可以让光标移到下一个输入框

<input onkeydown="if(event.keyCode==13)event.keyCode=9" > <br>


只能是中文<input onkeyup="value=value.replace(/[ -~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9">


只能是英文和数字.屏蔽了输入法<input style="ime-mode:disabled" onkeydown="if(event.keyCode==13)


只能输入英文和数字<input onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData


('text',clipboardData.getData('text').replace(/[^\d]/g,''))" onkeydown="if(event.keyCode==13)


只能是数字<input onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData


('text',clipboardData.getData('text').replace(/[^\d]/g,''))"><br>


只能显示,不能修改的文本框<input readOnly value="只能显示,不能修改">




返回列表 返回列表
评论

    分享到