1 在submit提交之前检查输入的内容
核心 <form οnsubmit="return 函数名()"></form>
参考网站:
2 table教程
2.1 在使用th设置表头时,在Preview中信息可能会呈垂直排列,设置了 table的"border"属性,就会变成水平排列了。
2.2 如何在单元格中分行?
html 中并没有提供这样的标签,可以在<td>中嵌套一个<table>来实现。
<td>
<table>
<tr>
</tr>
<tr>
</tr>
</table>
</td>
3 设置<input>的长度
3.1 输入框的长度
使用css style width
<input style="width:50px"/>
4 <div>和<span>的区别
<div> | <span> | |
---|---|---|
级别 | 块级 | 行内 |
宽、高 | 可设置 | 不可设置 |
所占行数 | 默认占一行 | 只占自 身大小 |
转换 | display: inline | display: block |
参考网站:百度知道
5 <input/>标签中使用onblur(this)获取不到最新的值
错误用法:
<html>
<head>
<script type="text/javascript" src="jquery-1.9.1.js"></script>
<script type="text/javascript">
function showNew(obj){
alert($(obj).attr("value")); //显示的是旧值
}
</script>
</head>
<body>
Enter your name: <input type="text" value="1" οnblur="showNew(this)"/>
<p>请在上面的输入域中点击,使其获得焦点,然后在输入域外面点击,使其失去焦点。</p>
</body>
</html>
解决方法:
<html>
<head>
<script type="text/javascript" src="jquery-1.9.1.js"></script>
<script type="text/javascript">
function showNew(newValue,obj){
alert(newValue); //显示的是旧值
}
</script>
</head>
<body>
Enter your name: <input type="text" value="1" οnblur="showNew(this.value,this)"/>
<p>请在上面的输入域中点击,使其获得焦点,然后在输入域外面点击,使其失去焦点。</p>
</body>
</html>