在html中显示长度较大的数据时,可以将数据截取显示,当鼠标滑过时再显示完整数据。
例如,下面这种情况。
实现:
<a title="${siteBoardInfoList.boardUrl}">
<c:if test="${fn:length(siteBoardInfoList.boardUrl) >= 40}">
${fn:substring(siteBoardInfoList.boardUrl,0,20)}......${fn:substring(siteBoardInfoList.boardUrl,fn:length(siteBoardInfoList.boardUrl)-21,fn:length(siteBoardInfoList.boardUrl))}
</c:if>
<c:if test="${fn:length(siteBoardInfoList.boardUrl) <40}">
${siteBoardInfoList.boardUrl}
</c:if>
</a></p
html中并无法直接获取input的内容的长度.
一般推荐您使用JS来配合计算
<input type="text" id="username" onpropertychange="getlen()"><input type="text" id="lennum" value="0">
<script>
function getlen(){
document.getElementById('lennum').value=document.getElementById('username').value.length
}
</script>
效果:
这里注意使用的onpropertychange事件仅仅支持IE浏览器,您也可以使用HTML5自带的事件oninput.但是oninput仅支持支持HTML5的浏览器,IE9以下无效.
*** 作方法如下:
1、以Hbuilder来讲解,首先新建一个HTML页面,如图;
2、接着给标签设置背景图片,如图设置的是<body>标签;
3、然后新建一个css文件,如图;
4、这里给body标签设置background-size属性,如果标签是div就写div,然后可以设置宽度和高度;
5、如图所示,在new_file.html里面编辑:<link href="css/1.css" type="text/css" rel="stylesheet"/>,就可以设置背景图片的大小了;
6、最后在浏览器中预览一下,如图为部分背景。
扩展资料:
如何在htlm中插入图片:
1、用dw创建一个网页文档,会自动写入这些代码。我用的是DW软件;
2、在<body></body>中间写入<img src 后会自动有一个“浏览”;
3、在下一步之前要进行保存,ctrl+s进行保存;
4、点击“浏览”后,选择图片的来源路径;
5、最后在键盘上敲打"</"就行了,图片就插入了。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)