html基础

最新推荐文章于 2023-02-04 09:29:31 发布

张之海

最新推荐文章于 2023-02-04 09:29:31 发布

阅读量453

点赞数

分类专栏： web开发文章标签： HTML 基础

本文链接：https://blog.csdn.net/ZZh1301051836/article/details/51029819

版权

web开发专栏收录该内容

22 篇文章 0 订阅

订阅专栏

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>两者的区别
	<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>